zoukankan      html  css  js  c++  java
  • 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 };
  • 相关阅读:
    adb
    js百分比
    隐私策略
    JSON.parse&JSON.stringify
    MVC内容backgroundimage: url('')问题
    mvc笔记
    winform路径
    配置
    邮件发送的原理
    如何调试Windows服务
  • 原文地址:https://www.cnblogs.com/hegaiying/p/5915213.html
Copyright © 2011-2022 走看看