简单的ajax连接库分享(不用jquery的ajax)
更新时间:2014年01月19日 14:53:33 作者:
自己写了一个简单的ajax连接库,没有使用jquery的ajax,这个代码要比jquery轻量,大家参考使用吧,
复制代码 代码如下:
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;
}
}
}
相关文章
js鼠标点击事件在各个浏览器中的写法及Event对象属性介绍
各个主流浏览器德鼠标点击事件,方便使用时查询,整理还算是很详细吧,感兴趣的你可以参考下啊,希望本文对你有所帮助2013-01-01JavaScript 鼠标事件(MouseEvent)案例讲解
这篇文章主要介绍了JavaScript 鼠标事件(MouseEvent)案例讲解,本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下2021-08-08Javascript中的getUTCHours()方法使用详解
这篇文章主要介绍了Javascript中的getUTCHours()方法使用详解,是JS入门学习中的基础知识,需要的朋友可以参考下2015-06-06Javascript学习笔记之函数篇(四):arguments 对象
JavaScript中arguments函数对象是该对象代表正在执行的函数和调用它的函数的参数。JavaScript 函数中 arguments 为特殊对象,无需明确指出参数名,就能访问它们。2014-11-11
最新评论