ajax的封装
$ = {
ajax:function(options){
var xhr = null, // XXMLHttpRequest对象
url = options.url, // url 地址
method = options.method || 'GET', // 传输方式,默认GET
async = typeof (options.async) === "undefined"?true:options.async,
data = options.data || null,
params = '', //传递的参数
callback = options.success,
error = options.error;
// 将data的对象字面量的形式转化为字符串形式
if(data){
for(var i in data){
params += i + '=' + data[i] + '&';
}
params = params.replace(/&$/,'');
}
专注于为中小企业提供成都网站制作、做网站服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业三江侗免费做网站提供优质的服务。我们立足成都,凝聚了一批互联网行业人才,有力地推动了上千家企业的稳健成长,帮助中小企业通过网站建设实现规模扩充和转变。
// 根据method 的值改变URL
if(method === 'GET'){
url += '?' + params;
}
if(typeof XMLHttpRequest != "undefined"){
xhr = new XMLHttpRequest();
}else if(typeof ActiveXObject != "undefined"){
var xhrArr = ['Microsoft.XMLHTTP', 'MSXML2.XMLHTTP.6.0', 'MSXML2.XMLHTTP.5.0',
'MSXML2.XMLHTTP.4.0', 'MSXML2.XMLHTTP.3.0', 'MSXML2.XMLHTTP.2.0',]
var len = xhrArr.length;
for(var i=0; i <=len; i++){
try{
xhr = new ActiveXObject(xhrArr[i])
break
}catch(e){
//TODO handle the exception
}
}
}else{
throw new Error('No XHR object available.');
}
xhr.onreadystatechange = function(){
if xhr.readyState === 4){
if((xhr.status >=200 && xhr.status <300) || xhr.status===304){
callback && callback(JSON.parse(xhr.responseText))
}else{
error && error();
}
}
}
// 创建发送请求
xhr.open(method,url,async)
xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhr.send(params);
}
}
本文标题:ajax的封装
网站网址:http://azwzsj.com/article/ijgoij.html