<!DOCTYPEhtml> <htmllang="en"> <head> <Metacharset="UTF-8"> <title>ajax</title> <script> /** *onreadystatechange每次状态改变所触发事件的事件处理程序。 * responseText从服务器进程返回数据的字符串形式。 * responseXML从服务器进程返回的DOM兼容的文档数据对象。 * status从服务器返回的数字代码，比如常见的404（未找到）和200（已就绪） * statusText伴随状态码的字符串信息 * readyState对象状态值 * 0(未初始化)对象已建立，但是尚未初始化（尚未调用open方法） * 1(初始化)对象已建立，尚未调用send方法 * 2(发送数据)send方法已调用，但是当前的状态及http头未知 * 3(数据传送中)已接收部分数据，因为响应及http头不全，这时通过responseBody和responseText获取部分数据会出现错误， * 4(完成)数据接收完毕,此时可以通过通过responseXml和responseText获取完整的回应数据 */ functioncreateXHR(){ if(typeofXMLHttpRequest!="undefined"){ returnnewXMLHttpRequest(); }elseif(typeofActiveXObject!="undefined"){ if(typeofarguments.callee.activeXString!="string"){ varversions=["MSXML2.XMLHttp.6.0","MSXML2.XMLHttp.3.0","MSXML2.XMLHttp"],i,len; for(i=0,len=versions.length;i<len;i++){ try{ newActiveXObject(versions[i]); arguments.callee.activeXString=versions[i]; break; }catch(ex){ console.log("error:"+ex); } }; } returnnewActiveXObject(arguments.callee.activeXString); }else{ thrownewError("NoXHRobjectavailable!"); } } varxhr=createXHR(); xhr.onreadystatechange=function(){ if(xhr.readyState==4){ if((xhr.status>=200&&xhr.status<300)||xhr.status==304){ console.log(xhr.responseText+"dd\n"); console.log(xhr.getAllResponseHeaders()); alert(xhr.responseText); }else{ alert("requestwasunsuccessful:"+xhr.status); } } } xhr.onprogress=function(event){ vardivstatus=document.getElementById("s"); if(event.lengthComputable){ divstatus.innerHTML="Received"+event.position+"of"+event.totalSize+"bytes"; } }; xhr.open("post","http://xxxx",false); xhr.send(); </script> </head> <body> <divid="s">ddd</div> </body> </html>
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
