AJAX异步处理.docVIP

Ajax Ajax的全称是Asynchronous Javascript+XML(异步javascript和XML)是几种技术的有机组合。 提升站点性能 消除了每次用户输入时的页面刷新 实现对表格的直接编辑 Ajax工作原理： 相当于在用户和服务器之间加了一个中间层，使用户操作和服务器响应异步化。这样可以把以前的一些服务器的负担转嫁给客户端，利用客户端闲置的处理能力来处理，从而减轻服务器和带宽的负担。 Onreadystatechange 对象状态改变时都会触发这个事件处理器，通常指向一个函数 XHR.readyState == 状态（0，1，2，3，4） 0：请求未初始化，还没有调用 open()。 1：请求已经建立，但是还没有发送，还没有调用 send()。 2：请求已发送，正在处理中（通常现在可以从响应中获取内容头）。 3：请求在处理中；通常响应中已有部分数据可用了，没有全部完成。 4：响应已完成；您可以获取并使用服务器的响应了。 方法XHR.status常见的几种状态 100——客户必须继续发出请求 101——客户要求服务器根据请求转换HTTP协议版本 200——成功 201——提示知道新文件的URL 300——请求的资源可在多处得到 301——删除请求数据 404——没有发现文件、查询或URl 500——服务器产生内部错误 open(“method”,”url”) method ：POST GET PUT send() !DOCTYPE html PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN /TR/html4/loose.dtd html head meta http-equiv=Content-Type content=text/html; charset=gb2312 titleAjax 入门代码/title /head body script type=text/javascript var xmlHTTP; xmlHttp = new XMLHttpRequest(); xmlHTTP = new ActiveXObject(Microsoft.XMLHTTP); xmlHTTP.onreadystatechange=function(){ if(xmlHTTP.readyState==4){ alert(获取的结果为：+xmlHTTP.responseText); } } xmlHTTP.open(GET,ajax.xml,true); xmlHTTP.send(null); /script /body /html 对象使用实例 html !DOCTYPE html PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN /TR/html4/loose.dtd html head meta http-equiv=Content-Type content=text/html; charset=gb2312 titleAjax 入门代码/title script type=text/javascript var xmlHTTP; xmlHttp = new XMLHttpRequest(); xmlHTTP = new ActiveXObject(Microsoft.XMLHTTP); function pro(){ var name; name = document.getElementById(name).value; //将获取的值作为请求页的参数 var date = new Date(); var time = date.getTime(); xmlHTTP.open(GET,ajax.php?name=+name+rand=+time,true); xmlHTTP.onreadystatechange=hand_f; xmlHTTP.send(null); } function hand_f(){ if(xmlHTTP.readyState==4){//传递完成 if(xmlHTTP.status==200){ var rs; rs = xmlHTTP.responseText; document.getElementById(mg).innerHTML=bu+rs+/u/b; }else{ alert(失败+xmlHTTP.statusText); } } } /script /head body 输入姓名： pinput type=text id=name/p pinput type=button value