美文网首页
兼容的步骤onload

兼容的步骤onload

作者: 卖参 | 来源:发表于2018-06-20 13:41 被阅读0次
          <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
    </head>
    <body>
       
    
        <input type="text" id="t">
        <input type="button" value="点击注册" id="btn">
        
           
    <script>
       
       var btn = document.getElementById('btn');
       var t = document.getElementById('t');
    
        btn.onclick = function(){
            var ajax = new XMLHttpRequest;
            ajax.open('get','php/get.php?user='+t.value,true);
            //1-4
            ajax.onreadystatechange = function(){
                // alert(ajax.readyState);
                if(ajax.readyState == 4){//步骤
                    // console.log(ajax.responseText);
                    // console.log(ajax.status); //状态码
                    if(ajax.status >=200 && ajax.status <=207){
                        alert('成功');
                        console.log(ajax.statusText);
                        // console.log(ajax.getAllResponseHeaders())
                    }else{
                        alert('失败');
                    }
                }
            }
    
            ajax.send();
            /*
                0-4之间的数字
    
                    4代表接收数据完毕
    
                    0是监听不到的。
            */
           
            
            // //在IE9以下浏览器就不兼容。
            // ajax.onload = function(){
            //     console.log(ajax.responseText);
            // }
        }
    
    </script>
    </body>
    </html>
    

    相关文章

      网友评论

          本文标题:兼容的步骤onload

          本文链接:https://www.haomeiwen.com/subject/prxxyftx.html