Ajax-使用

Posted axu521

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Ajax-使用相关的知识,希望对你有一定的参考价值。

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-使用的主要内容,如果未能解决你的问题,请参考以下文章

2010vs ajax怎么使用啊

AJAX的使用及常见问题的处理(AJAX入门到熟练使用)

AJAX的使用及常见问题的处理(AJAX入门到熟练使用)

使用 jQuery 侦听未使用 jQuery.AJAX 加载的 AJAX 加载

ThinkPHP 中使用 IS_AJAX 判断原生 JS 中的 Ajax 出现问题

ajax使用