ajax用法流程
这里是用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 };
smille2020