ajax用法流程

hegaiying 2021-08-17 原文

这里是用javascript做的一个ajax的一个用法以及总结概括。供友友们进行参考。
 1 window.onload=function()
 2  {
 3     var oBtn=document.getElementById(\'btn1\');
 4     
 5     oBtn.onclick=function ()
 6     {
 7         //alert("aaa");
 8         //1.创建Ajax对象
 9         if(window.XMLHttpRequest)  //XMLHttpRequest 对象 (异步的与服务器交换数据)
10         {
11             var oAjax=new XMLHttpRequest();
12         }
13         else
14         {
15             var oAjax=new ActiveXObject("Microsoft.XMLHTTP");
16             //IE浏览器创建ajax引擎
17         }
18         
19         //2.连接服务器
20         //open(方法, 文件名, 异步传输)
21         oAjax.open(\'GET\', \'data.php\', true);
22         
23         //3.发送请求
24         oAjax.send();
25         
26         //4.接收返回
27         oAjax.onreadystatechange=function ()
28         {
29             //oAjax.readyState    //浏览器和服务器，进行到哪一步了
30             if(oAjax.readyState==4)    //读取完成
31             {
32                 if(oAjax.status==200)    //成功
33                 {
34                     //alert(\'成功：\'+oAjax.responseText);  //获得字符串形式的响应数据。
35                     
36                     //document.write(oAjax.responseText);
37                     document.getElementById("box").innerHTML = oAjax.responseText;
38                 }
39                 else
40                 {
41                     alert(\'失败:\'+oAjax.status);   //200: "OK"  404: 未找到页面
42                 } 
43             }
44         };
45     };
46 };