标签：change http oct response 消息 function htm 调用 style
1 var xmlHttp; 2 function createXMLHttpRequest(){ 3 if(window.ActiveXObject){ 4 xmlHttp=new ActiveXObject(‘Microsoft.xmlHttp‘) 5 } 6 else if (window.XMLHttpRequest){ 7 xmlHttp=new XMLHttpRequest(); 8 } 9 }
1 <!DOCTYPE html> 2 <html xmlns="http：//www.w3.org/1999/xhtmL"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Ajax_01</title> 6 <script type="text/javascript"> 7 var xmlHttp; 8 function createXMLHttpRequest(){ 9 if(window.ActiveXObject){ 10 xmlHttp=new ActiveXObject(‘Microsoft.xmlHttp‘) 11 } 12 else if (window.XMLHttpRequest){ 13 xmlHttp=new XMLHttpRequest(); 14 } 15 } 16 function startRequest(){ 17 createXMLHttpRequest();//创建XMLHttpRequest对象 18 xmlHttp.onreadystatechange=handleStateChange;//onreadystatechange表示每次该对象的状态变化的时候，都会调用handleStateChange函数。 19 xmlHttp.open(‘GET‘,"simpResponse.xml",true);//调用simpResponse.xml文档， 20 xmlHttp.send(null);//不给服务器发送信息 21 } 22 function handleStateChange(){ 23 if(xmlHttp.readyState==4){//（完成）响应内容解析完成，可以在客户端调用了 24 if(xmlHttp.status==200){//http的状态码为200时，表示正常交互完成 25 alert("the server replied with:"+xmlHttp.responseText);//弹出消息框，调用出xmlHttp对象的的文档内容 26 } 27 } 28 } 29 </script> 30 </head> 31 <body> 32 <form action="=#"> 33 <input type="button" value="PRESS" onclick="startRequest()"> 34 </form> 35 </body> 36 </html>
比如说，我的目的是通过点击button来调用startRequest（）函数。那么在这个函数里面，可以看到每一步的注释。
标签：change http oct response 消息 function htm 调用 style
原文地址：https://www.cnblogs.com/JonathanC/p/8850235.html
