码迷,mamicode.com
首页 > Web开发 > 详细

Ajax-使用

时间:2018-11-13 02:47:36      阅读:260      评论:0      收藏:0      [点我收藏+]

标签:rip   document   post   传递   inpu   声明   put   script   内容   

readystate为ajax的状态码

1、创建ajax引擎对象时,readyState为0,这时会触发onreadystatechange但是没有数据,

2、open()时(开发连接),readyState为1,这时会触发onreadystatechange但是没有数据

3、send()时(传递参数),readyState为2,这时会触发onreadystatechange但是没哟数据

4、请求已发送,readyState为3,正在接受数据

5、表示数据已经成功接收,readyState为4


    <!-- 声明js代码域 -->
    <script type="text/javascript">
        function getData(){
            //创建ajax引擎对象
                var ajax;
                if(window.XMLHttpRequest){//火狐
                    ajax=new XMLHttpRequest();
                }else if(window.ActiveXObject){//IE
                    ajax=new ActiveXObject("Msxml2.XMLHTTP");
                }
            //复写onreadystatement函数(监听函数监听Ajax状态码readystate)
            ajax.onreadystatechange=function(){

                //判断Ajax状态码
                if(ajax.readyState==4){
                    //判断响应状态码(status为专门查看接收数据的Http状态码)
                    if(ajax.status==200){
                        //获取响应内容
                        var result=ajax.responseText;
                        alert(result);
                        //获取元素对象
                        var showdiv=document.getElementById("showdiv");
                        showdiv.innerHTML=result;    
                    }else if(ajax.status==404){
                            //获取元素对象
                            var showdiv=docunment.getElementById("showdiv");
                            showdiv.innerHTML="请求资源不存在";
                    }else if(ajax.status==500){
                        //获取元素对象
                        var showdiv=document.getElementById("showdiv");
                        showdiv.innerHTML="服务器繁忙";
                    }
                }
            }
            //发送请求("get"请求方式、"ajax"是请求资源名)
            ajax.open("get","ajax");
            ajax.send(null);//如果是post(参数)
        }
 </script>
 
   <body>
    <h3>欢迎登录403峡谷</h3>    
    <hr>
    <input type="button" value="测试" onclick="getData()"/>
    <div  id=showdiv>
        
    </div>

Ajax-使用

标签:rip   document   post   传递   inpu   声明   put   script   内容   

原文地址:https://www.cnblogs.com/axu521/p/9949783.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!