先看调用方式：
复制代码 代码如下:
ajax.request(ajax.html,{v:math.random(),num:1},function(data){
//do something
},'get');
方式好像jquery哦。。。还是觉得这样调用方便些。。。
复制代码 代码如下:
var ajax = {
//xmlhttprequest类
xmlhttprequest :function() {
this.xhr =false;
},
//外部调用接口
request : function(url,data,callback,type) {
//每次都创建一个xmlhttprequest的对象，使ajax调用互不影响
var xhr = new this.xmlhttprequest();
xhr.request(url,data,callback,type);
}
}
//将{num:1,t:'a'}这种json数据格式转为num=1&t=a这种字符串形式
var json2str = function(data){
var _data = [];
for(var name in data) {
_data.push(name+=+data[name]);
}
return _data.join('&');
}
//扩展xmlhttprequest类的方法
ajax.xmlhttprequest.prototype = {
//创建xmlhttprequest
createxmlhttprequest : function(){
if(window.xmlhttprequest) {
return new xmlhttprequest();
}
else {
var a = [msxml2.xmlhttp,microsoft.xmlhttp,msxml2.xmlhttp.5.0,msxml2.xmlhttp.4.0,msxml2.xmlhttp.3.0];
for (var i=0,l=a.length;itry{
return new activexobject(a[i]);
}catch(e){};
}
}
},
//回调函数
fncallback : function(callback){
if(this.xhr.readystate === 4 && this.xhr.status === 200) {
callback?callback(this.xhr.responsetext):void(0);
}
},
//ajax请求
request : function(url, data, callback, type){
var that = this;
var ispost = type==='post'?true:false;
ispost?url:url += '?'+json2str(data);
this.xhr = this.createxmlhttprequest();
this.xhr.open(type,url,true);
ispost?this.xhr.setrequestheader(content-type,application/x-www-form-urlencoded):'';
this.xhr.onreadystatechange = function(){that.fncallback(callback);};
this.xhr.send(ispost?json2str(data):null);
}
}
这个类，肯定有不足的了，欢迎拍砖吧！每个人都有自己的习惯用法，最重要是适合用就行了！