js-ajax-03

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>ajax</title>
</head>
<body>
    <!-- <form method="get" action="http://baidu.com">
        <input type="text" name="#" >
        <input type="password" name="#">
        <input type="submit" name="#" value="click">
    </form> -->
    <script type="text/javascript">
    //1 创建一个请求
        if(window.XMLHttpRequest){  //可扩展超文本传输请求
             //chrome safari forefox ie7+
            var httpRequest=new XMLHttpRequest();
        }else{
            //IE6
            var httpRequest=new ActiveXObject("Microsoft.XMLHTTP");
        }

         //2 连接服务器
    //  httpRequest.open(发送方式(get/post),url请求的地址,true异步-默认/false-同步)
        httpRequest.open('GET','a.txt'true);
        httpRequest.send(null); //  向服务器发送 HTTP 请求并接收响应。
        //4 接受结果
        httpRequest.onreadystatechange=function(){ //状态改变时
            if(httpRequest.readyState==4){   //请求结果等于4时  4表示完成 
                if(httpRequest.status===200){  //200表示请求成功
                    //请求过来的东西,放到 re...Text
                    console.log(httpRequest.responseText);
                    //document.getElementById("box").innerHTML=httpRequest.responseTexy;
                }
                
                else{
                    //有一个有问题的请求
                    // 404-页面没有找到 或 500 服务器错误 
                }
            }
        }

         /*
                httpRequest.readyState状态码
                    0 初始化 (ajax刚刚被new出来)
                    1 建立连接 
                    2 请求已经发送 - 服务器收到信息了
                    3 正在解析  (服务器处理请求的东西)
                    4 完成
                    
                    0 未初始化
                    1 正在加载
                    2 加载完毕
                    3 交互中
                    4 完成
            */
    </script>

    
    
</body>
</html>

 

posted @ 2017-11-24 12:16  Jinsuo  阅读(110)  评论(0编辑  收藏  举报