封装自己的js工具_XmlHttp

在web2.0畅行的今天,如果你没有使用一些开源js类库,手头上又没有一些自己组装的工具,那么你的开发真是做苦力了,

为了我们能更有时间搞自己喜欢的事业!所以我们一定要组装工具.

类,XmlHttp:通过XmlHTTPRequest对象与http服务器进行通信

以下为代码

=============================================================================

/**
类 XmlHttp
用例:

将此类,加入到你工程的用到的js文件中即可使用
XmlHttp.setRequestHeadher("key","value");
最常用的功能
第一节 获取 服务器的响应文本
//1. get(回调)方式获取服务器的信息
new XmlHttp().getText("http://www.163.com",function(result){
alert(result);
})
2. get(等待)方式获取服务器的信息
var result=new XmlHttp().getTextD("http://www.163.com");
alert(result);
3.post(回调)方式获取服务器的信息
new XmlHttp().postText("http://www.163.com","",function(result){
alert(result);
});
4.post(等待)方式获取服务器的信息
var result=new XmlHttp().postTextD("http://www.163.com","");
alert(result);
第二节 获取服务器的响应xml
1.get(回调)获取服务器响应的xml对象
new XmlHttp().getXML("http://rss.sina.com.cn/sina_all_opml.xml",function(result){
alert(result); //此处已经为xml对象了,需要dom来遍历
});
2.get(等待)获取服务器响应的xml对象,得服务器支持post请求
alert(new XmlHttp().getXMLD("http://rss.sina.com.cn/sina_all_opml.xml"));
3.post(回调)获取服务器的响应xml对象
new XmlHttp().postXML("http://rss.sina.com.cn/sina_all_opml.xml",null,function(result){
alert(result);
});
4.post(等待)获取服务器的响应xml对象
new XmlHttp().postXMLD("http://rss.sina.com.cn/sina_all_opml.xml",null,function(result){
alert(result);
});
*/
var XmlHttp=function(){
//构造方法
var xmlhttp=false;
//超时
var timer;
try{
//ie7,firefox
xmlhttp=new XMLHttpRequest();
}catch(trymicrosoft){
//ie6,==
try {
　　　xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
　　} catch (othermicrosoft) {
　　　try {
　　　　xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
　　　} catch (failed) {
　　　　xmlhttp = false;
　　　}
}
}
if(!xmlhttp){
alert("创建request错误,请稍候重试");
return;
}
//请求
/**
1.请求的方法
2.请求url
3.post的查询字符串
4.回调函数或回调函数指针
5.是否等待
用法:
XmlHttp.call("get","http://www.google.cn",null,function(xmlhttp){
alert(xmlhttp.responseText);
});
*/
this.call=function(method,url,content,callback,isAsync){
if(typeof isAsync=="undefined") isAsync=true;
try{
xmlhttp.open(method,url,isAsync);
}catch(e){
alert("XMLHttpRequest打开url失败,ie支持本地打开,ajax不支持跨域,请请求代理");
}
if(content&&method.toUpperCase()=="POST"){
xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xmlhttp.send(content);
}else{
xmlhttp.send(null);
}
if(isAsync){//异步
xmlhttp.onreadystatechange=function(){
if(xmlhttp.readyState==4){
if(timer) clearTimeout(timer);
if(xmlhttp.status==200)
callback(xmlhttp);
}
}
}else{//同步
if(xmlhttp.readyState==4&&xmlhttp.status==200){
return xmlhttp;
}else
throw new Error([60000,"XMLHttpRequest错误,远程调用失败!"+url]);
}
}
//取消
this.cancel=function(){
xmlhttp.abort();
}
//超时[单位:秒]
this.setTimeout=function(second){
timer=setTimeout(function(){this.cancel();},second?second*1000:2*1000*60);
}
//设置请求头
this.setRequestHeader=function(header,value){
xmlhttp.setRequestHeader(header,value);
}
/**[new],获取服务端文本
XmlHttp.getText("http://www.google.cn",function(result){
alert(result);
})
*///异步状态
this.getText=function(url,callback){
url=urlRewrite(url);
this.call("GET",url,null,function(xmlhttp){
callback(xmlhttp.responseText);
});
}
//同步状态
this.getTextD=function(url){
return this.call("GET",url,null,null,false).responseText;
}
/**post方式,发送请求
@argument url :
@argument content :请求字符串
@argument callback
*/
this.postText=function(url,content,callback){
this.call("POST",url,content,function(xmlhttp){callback(xmlhttp.responseText)});
}
/**post方式,发送请求
@argument url :
@argument content :请求字符串
@return string
*/
this.postTextD=function(url,content){
return this.call("GET",url,content,null,false).responseText;
}
/**[new],获取xml
1.url
2.callback[函数指针]
用法:
XmlHttp.getXML(url,function(xml){
alert(xml);
});
*///异步状态
this.getXML=function(url,callback){
url=urlRewrite(url);
this.call("GET",url,null,function(xmlhttp){
callback(xmlhttp.responseXML);
});
}
//同步状态
this.getXMLD=function(url){
return this.call("GET",url,null,null,false).responseXML;
}
/**post方式,发送请求
@argument url :
@argument content :请求字符串
@argument callback
*/
this.postXML=function(url,content,callback){
this.call("POST",url,content,function(xmlhttp){callback(xmlhttp.responseXML)});
}
/**post方式,发送请求
@argument url :
@argument content :请求字符串
@return string
*/
this.postXMLD=function(url,content){
return this.call("POST",url,content,null,false).responseXML;
}
/**[new]
用法:
XmlHttp.getHeaders("http://www.google.cn",function(headers){
for(var head in headers){
alert(head+":"+headers[head]);
}
})
*/
this.getHeaders=function(url,callback){
this.call("head",url,null,function(xmlhttp){
callback(parseHeaders(xmlhttp));
});
}
//私有,解析headers
var parseHeaders=function(xmlhttp){
var headerText=xmlhttp.getAllResponseHeaders();
var headers={};
var lines=headerText.split("\n");
for(var i=0;i<lines.length;i++){
var line=lines[i];
if(line.length==0) continue;
var pos=line.indexOf(":");
var name=line.substring(0,pos);
var value=line.substring(pos+1);
headers[name]=value;//arraylike obj
}
return headers;
}
//私有,获取 时间戳
var getTimeStamp=function(){return "nowtimestamp="+new Date().getTime()}
//重新 url
var urlRewrite=function(url){
var tag="";
if(url.indexOf("?")>0)
tag="&";
else
tag="?";
return url+tag+getTimeStamp();
}
};