Ajax封装函数:
function ajax(method, url, data, success) {
//打开浏览器
//1.创建一个ajax对象
var xhr = null;
try {
xhr = new XMLHttpRequest(); //正常浏览器
} catch (e) {
xhr = new ActiveXObject('Microsoft.XMLHTTP'); //兼容IE6以下
}
//2.在地址栏输入地址,提交发送请求:open方法,send方法
//open方法有三个参数:1.打开方式;2.地址;3.是否异步
//true:异步,非阻塞 前面的代码不会影响后面代码的执行;false:同步,阻塞 前面的代码会影响后面代码的执行
//注意get和post方式的区别
if (method == 'get' && data) {
url += '?' + data;
} xhr.open(method,url,true);
if (method == 'get') {
xhr.send();
} else {
xhr.setRequestHeader('content-type', 'application/x-www-form-urlencoded');
xhr.send(data);
}
//3、等待服务器返回内容
//responseText : ajax请求返回的内容就被存放到这个属性下面
//on readystate change : 当readyState改变的时候触发
//status : 服务器状态,http状态码
xhr.onreadystatechange = function() { if ( xhr.readyState == 4 ) {
if ( xhr.status == 200 ) {
success && success(xhr.responseText);
} else {
alert('出错了,Err:' + xhr.status);
}
} }
}