AJAX异步处理.doc
上传人:sy****28 上传时间:2024-09-14 格式:DOC 页数:8 大小:68KB 金币:16 举报 版权申诉
预览加载中,请您耐心等待几秒...

AJAX异步处理.doc

AJAX异步处理.doc

预览

在线预览结束,喜欢就下载吧,查找使用更方便

16 金币

下载此文档

如果您无法下载资料,请参考说明:

1、部分资料下载需要金币,请确保您的账户上有足够的金币

2、已购买过的文档,再次下载不重复扣费

3、资料包下载后请先用软件解压,在使用对应软件打开

AjaxAjax的全称是AsynchronousJavascript+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——提示知道新文件的URL300——请求的资源可在多处得到301——删除请求数据404——没有发现文件、查询或URl500——服务器产生内部错误open(“method”,”url”)method:POSTGETPUTsend()<!DOCTYPEhtmlPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"><title>Ajax入门代码</title></head><body><scripttype="text/javascript">varxmlHTTP;xmlHttp=newXMLHttpRequest();xmlHTTP=newActiveXObject("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<!DOCTYPEhtmlPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"><title>Ajax入门代码</title><scripttype="text/javascript">varxmlHTTP;xmlHttp=newXMLHttpRequest();xmlHTTP=newActiveXObject("Microsoft.XMLHTTP");functionpro(){varname;name=document.getElementById("name").value;//将获取的值作为请求页的参数vardate=newDate();vartime=date.getTime();xmlHTTP.open("GET","ajax.php?name="+name+"&rand="+time,true);xmlHTTP.onreadystatechange=hand_f;xmlHTTP.send(null);}functionhand_f(){if(xmlHTTP.readyState==4){//传递完成if(xmlHTTP.status==200){varrs;rs=xmlHTTP.responseText;document.getElementById("mg").innerHTML="<b><u>"+rs+"</u></b>";}else{alert("失败"+xmlHTTP.statusText);}}}</script></head><body>