码迷,mamicode.com
首页 > 其他好文 > 详细

Ajax入门学习原始代码

时间:2014-04-29 16:19:57      阅读:411      评论:0      收藏:0      [点我收藏+]

标签:http   java   javascript   ext   get   html   set   type   cti   服务器   htm   

<script type="text/javascript">
        window.onload = function () {
            //1、创建xmlhttprequest对象
            var xhr = createXHR();
            function createXHR() {//为了兼容新老IE的版本
                var request;
                if (typeof(XMLHttpRequest)=="undefined") {
                    request = ActiveXObject("Micrpsoft.XMLHTTP");
                } else {
                    request = new XMLHttpRequest();
                }
                return request;
            }
            //Ajax围绕xhr对象操作的
            document.getElementById("btn").onclick = function () {
                //2、初始化xhr
                xhr.open("get", "get1.ashx", true);//参数1:请求方式(get,post);参数2:请求的相对路径;参数3:是否为异步
                //3、注册回调函数
                xhr.onreadystatechange = function () {
                    //readyState属性有5个状态值
                    //0:表示 new 完 xhr
                    //1:表示open完xhr
                    //2:表示send完xhr
                    //3:表示xhr正在接受服务器的数据
                    //4:表示xhr接受完服务器数据
                    if (xhr.readyState==4) {
                        var msg = xhr.responseText;
                        document.getElementById("dv").innerHTML = msg;
                    }
                }
                //4、send
                xhr.send(null);//get方式为NULL
            }
        }
    </script>

Ajax入门学习原始代码,码迷,mamicode.com

Ajax入门学习原始代码

标签:http   java   javascript   ext   get   html   set   type   cti   服务器   htm   

原文地址:http://www.cnblogs.com/SeawinLong/p/3698216.html

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