原始的ajax的操作
1
2
3
4
5
6
7
8
9
10
11
12
13
14
| var onSuccess = function(result){}; //成功的回调
var onFail = function(error){}; //失败的回调
var xhr = new XMLHttpRequest();
xhr.open("POST", "www.baidu.com", true);
xhr.onload = function(){
if(xhr.readyState === 4 && xhr.status === 200){
onSuccess(xhr.response);
} else {
onFail(xhr.statusText);
}
}
xhr.onerror = function(){
onFail(Error("网络异常"));
}
|
XMLHttpRequest对象常用属性：
（1）onreadystatechange:用于设置事件处理函数；
（2）readystate:用于返回Ajax请求的处理状态，readystate属性共有5种取值：
（3）status：用于返回服务器处理HTTP状态码；
（4）responseText和responseXML：用于获取服务器对HTTP请求的响应内容。如果响应内容是普通文本字符串则是第一个，如果是XML格式的则为第二个。
用promise封装后：
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
| function queryData (url){
var p = new Promise(function(resove,reject){
var xhr = XMLHttpRequest();
xhr.onreadystatechange = function(){
if(xhr.readystate == 4&&xhr.status==200) {
resove('xhr.responseText');
}else{
reject('服务器错误')；
}
}
xhr.open('get',url);
xhr.send();
})
return p;
}
|
Promise常用实例方法：
（1）then()，用于得到正确的返回结果
（2）catch()，获取异常信息，具体用法与上面代码中then()方法一致。
版权声明: 本博客所有文章除特别声明外，均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 fortunate！
