自己写的Ajax的工具类js
相信Ajax是很多开发人员会使用。自己最开始是使用挺多的后来换使用jQuery了，就很少再使用，不过，最近自己对JavaScript挺上心的，自己也想多研究更深入的知识。就把之前是Ajax从新拿出来练习了下，并进行了下改进。
代码如下：

function Ajax(method,url,flag,content,type,charset){this.method = method;this.url = url;this.flag = flag;this.content = content;this.type = type;this.charset = charset;this.header = null;this.value = null;var xmlHttp = null;{try{// Firefox, Opera 8.0+, SafarixmlHttp=new XMLHttpRequest();   if (xmlHttp.overrideMimeType) {   　　xmlHttp.overrideMimeType(type);   }   }catch (e){// Internet Explorer  try{  for( var i = 5; i; i-- ){  　　try{  　　　　if( i != 2 ){  　　　　　xmlHttp = new ActiveXObject( "Msxml2.XMLHTTP." + i + ".0" );  　　　　}  　　　xmlHttp.setRequestHeader("Content-Type",type);  　　　xmlHttp.setRequestHeader("Content-Type",charset);  　　　break;  　　}catch(e){  　　　xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");  　　}  }  }catch(e2){     try{     xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");     }catch(e3){        alert("您的浏览器不支持AJAX！");        xmlHttp =  null;     }   }}   this.xmlHttp = xmlHttp;}this.onReady = function(xmlHttp){xmlHttp.onreadystatechange=function(){//alert(xmlHttp.readyState);if(xmlHttp.readyState==0){  //请求未初始化（在调用 open() 之前）//alert("请求未初始化（在调用 open() 之前）");    }else if(xmlHttp.readyState==1){    //请求已提出（调用 send() 之前）    //alert("请求已提出（调用 send() 之前）");    }else if(xmlHttp.readyState==2){    // 请求已发送（这里通常可以从响应得到内容头部）    //alert("请求已发送（这里通常可以从响应得到内容头部）");    }else if(xmlHttp.readyState==3){    // 请求处理中（响应中通常有部分数据可用，但是服务器还没有完成响应）    //alert("请求处理中（响应中通常有部分数据可用，但是服务器还没有完成响应）");    }else if(xmlHttp.readyState==4){    // 请求已完成（可以访问服务器响应并使用它）    //alert("请求已完成（可以访问服务器响应并使用它）");    if (xmlHttp.status == 200){    alert(xmlHttp.responseText);    }     } }}//终止当前请求;this.sTop =function(){xmlHttp.abort();}//把HTTP所以响应首部作为键/值对返回;this.getAllResponseHeaders=function(){return xmlHttp.getAllResponseHeaders();}//返回指定首部的串值;this.getResponseHeader=function (header){return xmlHttp.getResponseHeader(header);}//把指定首部设置为所提供的值。在设置任何首部之前必须先调用open()this.setRequestHeader = function(header,value){xmlHttp.setRequestHeader(header,value);}//处理下默认参数不存在的情况this.process = function(){if(this.flag==null||this.flag=="undefined"||this.flag==""){this.flag = true;}if(this.content==null||this.content=="undefined"||this.content==""){this.content = null;}if(this.type==null||this.type=="undefined"||this.type==""){this.type = "text/xml";}if(this.charset==null||this.charset=="undifind"||this.charset==""){this.charset = "utf-8";}if(this.method==null||this.method=="undefined"||this.method==""){this.method = "POST";}}//一个是指示所用方法（通常是GET或POST,PUT很少用）的串，另一个是表示目标资源URL的串，//还有一个Boolean值，指示请求是否是异步的。this.processRequest = function(){this.process();if(xmlHttp!=null){this.onReady(xmlHttp);xmlHttp.open(this.method,this.url,this.flag);xmlHttp.send(this.content);}else{alert("您的浏览器不支持ajax！");}}//------------无参数-----------------------this.request=function(){this.processRequest();}//------------有参数-----------------------this.requestWithParams=function(method,url,flag,content,type,charset){this.method = method;this.url = url;this.flag = flag;this.content = content;this.type = type;this.charset = charset;this.processRequest();}}   

不再是像以前那样直接的把各个函数（function ）写成同一级别的代码段相互调用，而是类似于Java的对象形式；
有了上面的js，就可以在页面简单的进行调用了；
首先当然是导入js文件了：

 <script type="text/javascript" language="javascript" src="ajax.js"></script>   

然后就是来使用了，为了灵活化，我写了两种方式；
第一种：

<script type="text/javascript">var url = "areq.xml";var content = "";var ajax = new Ajax("POST",url,true,content,'text/xml',"utf-8");ajax.request();</script>   

第二种：

 <script type="text/javascript">var url = "areq.xml";var content = "";var ajax = new Ajax();ajax.requestWithParams("POST",url,true,content,'text/xml',"utf-8"); </script>   

同样也可以从ajax里面取得一些属性自己进行实现，比如：

<script type="text/javascript">var url = "areq.xml";var content = "";var ajax = new Ajax("POST",url,true,content,'text/xml',"utf-8");ajax.request();//var ajax = new Ajax();//ajax.requestWithParams("POST",url,true,content,'text/xml',"utf-8");alert(ajax.xmlHttp);var headers = ajax.xmlHttp.getAllResponseHeaders();alert(headers.length);</script>   

因为我不知道自己最终将会做一个什么样的效果，可能会加上请求过程中给用户展示一些页面效果，也可能会屏蔽屏幕。

所以如果你要借鉴上面的js你必须实现你自己的处理，即对js进行完善：
完善js中的下面代码段：

this.onReady = function(xmlHttp){xmlHttp.onreadystatechange=function(){//alert(xmlHttp.readyState);if(xmlHttp.readyState==0){  //请求未初始化（在调用 open() 之前）//alert("请求未初始化（在调用 open() 之前）");    }else if(xmlHttp.readyState==1){    //请求已提出（调用 send() 之前）    //alert("请求已提出（调用 send() 之前）");    }else if(xmlHttp.readyState==2){    // 请求已发送（这里通常可以从响应得到内容头部）    //alert("请求已发送（这里通常可以从响应得到内容头部）");    }else if(xmlHttp.readyState==3){    // 请求处理中（响应中通常有部分数据可用，但是服务器还没有完成响应）    //alert("请求处理中（响应中通常有部分数据可用，但是服务器还没有完成响应）");    }else if(xmlHttp.readyState==4){    // 请求已完成（可以访问服务器响应并使用它）    //alert("请求已完成（可以访问服务器响应并使用它）");    if (xmlHttp.status == 200){    alert(xmlHttp.responseText);    }     } }}