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 };
原文地址:https://www.cnblogs.com/hegaiying/p/5915213.html