Ajax基本原理之发送请求
2016-08-05 21:26
218 查看
AJAX - 向服务器发送请求
向服务器发送请求,只需要简单的三步。
一、创建XMLHttpRequest 对象var xhr=new XMLHttpRequest();//首先暂不做兼容性的考虑
二、打开xhr对象的open方法,(ps:这只是打开,并没有发送给服务器任何请求)
xhr.open("GET","test1.txt",true);//参数1:可选项有get/post两种请求方式,参数2:向服务器端请求的url地址,这是必须的!,参数3:同步false/异步true处理请求
三、调用send()方法,此时才是将请求发送给服务器端
send(null);//参数解释:null表示以get方式发送请求,不添加数据,若参数为string,则以post方式提交数据---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
以上就是ajax的基本调用方法,下面将会详细叙述细节:
GET 还是 POST?
与 POST 相比,GET 更简单也更快,并且在大部分情况下都能用。然而,在以下情况中,请使用 POST 请求:
无法使用缓存文件(更新服务器上的文件或数据库)
向服务器发送大量数据(POST 没有数据量限制)
发送包含未知字符的用户输入时,POST 比 GET 更稳定也更可靠
GET 请求
一个简单的 GET 请求:xmlhttp.open("GET","demo_get.asp",true); xmlhttp.send();
POST 请求
一个简单 POST 请求:xmlhttp.open("POST","ajax_test.asp",true); xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded"); xmlhttp.send("fname=Bill&lname=Gates");
兼容性考虑:
创建 XMLHttpRequest 对象的语法:
variable=new XMLHttpRequest();
老版本的 Internet Explorer (IE5 和 IE6)使用 ActiveX 对象:
variable=new ActiveXObject("Microsoft.XMLHTTP");
为了应对所有的现代浏览器,包括 IE5 和 IE6,请检查浏览器是否支持 XMLHttpRequest 对象。
如果支持,则创建 XMLHttpRequest 对象。如果不支持,则创建 ActiveXObject :
var xmlhttp; if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); } else {// code for IE6, IE5 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); }
相关文章推荐
- js与jQuery终止正在发送的ajax请求的方法
- 避免Ajax多次发送重复请求
- ajax发送请求乱码
- AJAX - 向服务器发送请求
- [Jquery]发送Ajax请求
- jQuery发送ajax请求
- ajax 向php发送请求
- echarts通过ajax向服务器发送post请求,servlet从数据库读取数据并返回前端
- dclode mui.ajax无法发送跨域请求,type为abort
- JavaScript之Ajax-2 Ajax(使用Ajax发送get请求、使用Ajax发送post请求)
- Js/Ajax中发送HttpPost请求调用WebService
- ajax初步学习发送post请求
- ajax向controller发送请求 页面不跳转到另一个页面
- Ajax发送GET、POST请求和响应XML数据案例
- AJAX:如何编写一个关于AJAX的Hello World?(ajax发送异步请求(四步操作))
- 使用jQuery发送POST,Ajax请求返回JSON格式数据
- Ext.Ajax.request发送同步请求---基于ext-basex
- (未艾原创)当当当当!!!真正的第一篇博文!!Ajax发送请求及处理。(我在新浪博客的第一篇文章)
- 利用Ajax改变发送请求方式
- AJAX-创建对像、发送请求