ajax异步处理
ajax异步处理
sunnyGirl 发表于1年前
ajax异步处理
  • 发表于 1年前
  • 阅读 0
  • 收藏 0
  • 点赞 0
  • 评论 0

【腾讯云】新注册用户域名抢购1元起>>>   

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Ajax</title>
</head>
<script>
    window.onload=function(){
        //浏览器初试,是否可以有xmlhttprequset 
        /*var xhr=new XMLHttpRequest();
        alert(xhr);*/

//进行浏览器兼容性处理
        function createXHR(){
             if (typeof XMLHttpRequest!="undefined") {
                 return new XMLHttpRequest();
             }else if (typeof ActiveXObject!="undefined") {
                 var version=[
                           "MSXML2.XMLHttp.6.0"
                         // "MSXML2.XMLHttp.3.0"
                         // "MSXML2.XMLHttp"
                 ];
                 for (var i = 0;version.length;i++) {
                      try{
                     return new ActiveXObject(version[i])
                          }catch(e){

                      }
                 }
             }else{
                 throw new Error("浏览器不支持")
             }
        }
    //点击文档进行异步操作     
         document.addEventListener("click",function(){
           var XHR=createXHR();  //创建XHR对象

//检查浏览器的状态,进行异步处理
           XHR.onreadystatechange=function(){
    if(XHR.status==200&&XHR.readyState==4){
           alert(XHR.responseText);
    }
           }
          XHR.open("GET","test.php",true); //准备发送请求
          XHR.send(null);  //发送请求,get不需要数据提交,填写null
          /*alert(XHR.responseText)*/
     })

        //第二种方法
     /*  var btn=document.getElementById("btn")
     btn.onclick= function (){
            var xmlHttpReq=null;
            if (window.ActiveXObject) {
             xmlHttpReq=new ActiveXObject("Microsoft.XMLHttp")
            }else if (window.XMLHttpRequest) {
                xmlHttpReq=new XMLHttpRequest();
            }
            xmlHttpReq.open("GET","test.php",true);
            xmlHttpReq.onreadystatechange=RequestCallBack;
            xmlHttpReq.send(null);
            function RequestCallBack(){
                if(xmlHttpReq.readyState==4&&xmlHttpReq.status==200){
                document.getElementById("test").innerHTML=xmlHttpReq.responseText;
                }
            }
        }
    */
     

    }
</script>
<body>
     <input type="button" value="Ajax提交" id="btn">
     <div id="test"></div>
</body>
</html>

  • 打赏
  • 点赞
  • 收藏
  • 分享
共有 人打赏支持
粉丝 0
博文 9
码字总数 3863
×
sunnyGirl
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: