欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

简单的ajax连接库分享(不用jquery的ajax)_基础知识

程序员文章站 2022-05-04 10:36:36
...
复制代码 代码如下:

var ajax = {
init : function(){
var xmlHttp = new XMLHttpRequest();
if (!window.XMLHttpRequest)
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
return xmlHttp;
},
call : function(opt){
var xmlHttp = this.init();

xmlHttp.onreadystatechange = function(){
if(xmlHttp.readyState===4)
{
xmlHttp.status===200 ?
opt.success(xmlHttp.responseText,xmlHttp.responseXML) : opt.error(xmlHttp.responseText,xmlHttp.status);
}
}
opt.data = this.parseData(opt.data);
if(opt.method.toLowerCase() === 'get'){
opt.url = opt.url + "?" + opt.data;
opt.data = null;
}
xmlHttp.open(opt.method,opt.url,opt.async);
if(opt.method.toLowerCase() === 'post')
xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
xmlHttp.send(opt.data);
},
parseData : function(data){
if(typeof data == 'object'){
var str = '';
for(var i in data){
str += "&"+i+"="+encodeURIComponent(data[i]);
}
return str.length==0 ? str : str.substring(1);
}else{
return data;
}
}
}