自己写的封装好的简单的AJAX--javascript (改良版)

[align=left]//Ajax Function[/align]
[align=left] [/align]
[align=left]var reqObj; //Creat Null Instence[/align]
[align=left] [/align]
[align=left]//var whichRequest;[/align]
[align=left] [/align]
[align=left]//Run Ajax (string urladdress,bool IsAsy,string method,string parameters,string whichRequest)[/align]
[align=left]function DoRequest(url,isAsy,method,parStr,callBackFun) [/align]
[align=left]{[/align]
[align=left] [/align]
[align=left] reqObj = false;[/align]
[align=left] [/align]
[align=left] //whichRequest = whichReq;[/align]
[align=left] [/align]
[align=left] if (window.XMLHttpRequest) //compatible Mozilla, Safari,...[/align]
[align=left] { [/align]
[align=left] [/align]
[align=left] reqObj = new XMLHttpRequest(); //Creat XMLHttpRequest Instance[/align]
[align=left] [/align]
[align=left] if (reqObj.overrideMimeType) //if Mime Type is false ,then set MimeType 'text/xml'[/align]
[align=left] {[/align]
[align=left] reqObj.overrideMimeType('text/xml');[/align]
[align=left] }[/align]
[align=left] [/align]
[align=left] } [/align]
[align=left] [/align]
[align=left] else if (window.ActiveXObject) //compatible IE[/align]
[align=left] { [/align]
[align=left] [/align]
[align=left] try[/align]
[align=left] {[/align]
[align=left] reqObj = new ActiveXObject("Msxml2.XMLHTTP"); //Creat XMLHttpRequest Instance[/align]
[align=left] }[/align]
[align=left] catch (e)[/align]
[align=left] {[/align]
[align=left] try [/align]
[align=left] {[/align]
[align=left] reqObj = new ActiveXObject("Microsoft.XMLHTTP"); //Creat XMLHttpRequest Instance[/align]
[align=left] }[/align]
[align=left] catch (e)[/align]
[align=left] {}[/align]
[align=left] }[/align]
[align=left] [/align]
[align=left] }[/align]
[align=left] [/align]
[align=left] //if reqObj is false,then alert warnning[/align]
[align=left] if (!reqObj) [/align]
[align=left] {[/align]
[align=left] [/align]
[align=left] alert('Giving up :( Cannot create an XMLHTTP instance');[/align]
[align=left] return false;[/align]
[align=left] [/align]
[align=left] }[/align]
[align=left] [/align]
[align=left] [/align]
[align=left] reqObj.onreadystatechange = function(){GetRequest(callBackFun)}; //set onreadystatechange Function[/align]
[align=left] [/align]
[align=left] reqObj.open(method, url, isAsy); //set open Function[/align]
[align=left] [/align]
[align=left] reqObj.setRequestHeader('Content-Type','application/x-www-form-urlencoded'); //set RequestHeader[/align]
[align=left] [/align]
[align=left] reqObj.send(parStr); //do send and send parameters[/align]
[align=left] [/align]
[align=left]}[/align]
[align=left] [/align]
[align=left] [/align]
[align=left]//get Service Response information Function[/align]
[align=left]function GetRequest(callBackFun)[/align]
[align=left]{[/align]
[align=left] [/align]
[align=left] //judge readystate information[/align]
[align=left] if (reqObj.readyState == 4) [/align]
[align=left] {[/align]
[align=left] //judge status information[/align]
[align=left] if (reqObj.status == 200) [/align]
[align=left] {[/align]
[align=left] [/align]
[align=left] eval(callBackFun+"(reqObj)");[/align]
[align=left] [/align]
[align=left] } [/align]
[align=left] else [/align]
[align=left] {[/align]
[align=left] alert('There was a problem with the request.'+reqObj.status); //else alert warnning[/align]
[align=left] }[/align]
[align=left] [/align]
[align=left] }[/align]
[align=left] [/align]
[align=left]}[/align]
[align=left] [/align]
[align=left][/align]
[align=left]改良的部分：DoRequest 增加 callBackFun参数，通过设置此参数，可以动态的设置onreadystatechange 时需要调用的方法，另外，在onreadystatechange 属性设置上采用function(){GetRequest(callBackFun)}，这样就将DoRequest的callBackFun作为参数传递给GetRequest，在GetRequest中执行判断reqObj.readyState 状态后，在调用callBackFun所指定的函数，这里，由于作为参数的callBackFun是表达式的字符串形式的，所以使用eval函数将其构建并转换成表达式。（eval在javascript里的作用是将一个字符串形式表现的表达式转换为真正的表达式，所以eval("functionName()")就等于是functionName() ，如果是var i=eval("1+2")那么就等同于 i=1+2 结果是i=3。）[/align]
[align=left][/align]
[align=left]实际工作过程是[/align]
[align=left]将创建XMLHttp对象，设置相关属性及onreadystatechange ，执行Open请求，得到正确的响应后执行onreadystatechange 所设置的 function(){} ,function(){}没有其他操作，只是调用GetRequest，通常情况下，我们是写一个函数的命在onreadystatechange 属性里，例如 onreadystatechange =FunctionName，可是，这样是不能再这个函数上设置参数的，但是这里使用function(){}也就是直接执行{}里的操作，因此，我们可以借以这个方式，将DoReqeust里的局部变量（包括参数）传递给另一个onreadystatechange 完成后执行的函数。之后，在GetRequest里检查XMLHttp获得的响应状态，如果是成功的，那么再调用一个callBackFun所指定的用户函数，实际上看起来不用着这么复杂及时是onreadystatechange 所调用的函数需要参数，我们也可以直接在GetReuqest里进行响应后的操作，但是，这里，我们是想把这一系列封装起来，以后再用的时候不必重写，另外，不同XMLHttp请求，也许我们需要做不同的操作，所以，在这里，将callBackFun作为参数，指明这次请求完成后，我们调用哪个处理函数。[/align]
[align=left][/align]
[align=left]使用示例[/align]
[align=left][/align]
[align=left]<div onclick="DoRequest('http://www.xxx.com',true,'get','','ResponseOK')">do something with ajax</div>[/align]
[align=left][/align]

[align=left]<div onclick="DoRequest('http://www.xxx.com',true,'get','','ResponseOK2')">do another with ajax</div>[/align]
[align=left][/align]
[align=left]<script>[/align]
[align=left][/align]
[align=left]function ResponseOK(reqObj)[/align]
[align=left]{[/align]
[align=left]//something[/align]
[align=left]}[/align]
[align=left][/align]
[align=left]function RequestOK2(reqObj)[/align]
[align=left]{[/align]
[align=left]//something[/align]
[align=left]}[/align]
[align=left][/align]
[align=left]</script>[/align]
[align=left][/align]
[align=left]这样就很方便的使用了AJAX并可以指定不同的回调函数，需要注意到是，callBackFun参数只需要填写函数名，但在编写callBackFun的时候，需要加以个reqObj参数，这是响应返回的XMLHttp对象。[/align]
[align=left][/align]
[align=left]当然，还可以进行改良，例如在callBackFun所制定的函数中再加入参数，那都是可以到，不过在我目前的项目中还用不上！[/align]