|
var xhr = new XMLHttpRequest();//基于W3C标准的浏览器,获取ajax对象
var xhr = new ActiveXObject('Microsoft.XMLHTTP');//基于IE内核的浏览器,获取ajax对象
xhr.onreadystatechange=()=>{};//当 readyState 状态码发生改变时所触发的回调函数
readyState: Ajax状态码解释
​ 0:表示对象已建立,但未初始化,只是 new 成功获取了对象,但是未调用open方法
​ 1:表示对象已初始化,但未发送,调用了open方法,但是未调用send方法
​ 2:已调用send方法进行请求
​ 3:正在接收数据(接收到一部分),客户端已经接收到了一部分返回的数据
​ 4:接收完成,客户端已经接收到了所有数据
xhr.open(method,url,[aycs]);初始化Ajax对象 (打开)
参数解释
method:http请求方式,get/post
url:请求的服务器地址
aycs:同步与异步
xhr.setRequestHeader(header,value);设置请求头信息
参数解释
header :请求头名称
value :请求头的值
xhr.setRequestHeader(‘enctype’,‘multipart/form-data’);//设置post提交请求头
xhr.send([content]);发送Ajax请求
参数解释
content : 如果是get请求时,此参数为null;
如果是post请求时,此参数就是要传递的数据
xhr.getAllResponseHeaders();获取全部响应头信息
xhr.getResponseHeader('key');获取指定头信息
xhr.responseText;如果服务器端返回字符串,使用responseText进行接收
xhr.responseXML;如果服务器端返回XML数据,使用responseXML进行接收
xhr.status;http响应状态码
响应状态码解释
​ 200代表成功获取服务器端数据
​ 404未找到页面等等……
xhr.statusTex;http响应状态文本
注意: 所有相关的事件绑定必须在调用send()方法之前进行
|
|