首页 > Web开发 > 详细

Ajax异步请求

时间:2015-09-04 07:12:40      阅读:280      评论:0      收藏:0      [点我收藏+]

1、异步请求的get请求的完整五步曲

        //1.0创建一个异步对象
            var xhr = new XMLHttpRequest();
            //2.0打开连接
            //           请求方式    请求路径     是否异步
            xhr.open("get", "/P02Time.ashx", true);
            //3.2设置请求报文头(清除缓存)
            xhr.setRequestHeader("If-Modified-Since", 0);//浏览器设置为当前请求不缓存
            //4.0设置回调函数(约定数据响应回来以后操作)
            xhr.onreadystatechange = function () {
                if (xhr.readyState == 4 && xhr.status == 200) {
                    //得到从服务器拿回来的数据
                    var text = xhr.responseText;
                    document.getElementById("div").innerHTML = text;
                }
            }
            //5.0发送请求
            xhr.send();

 

2、异步请求的的post请求的完整五步曲

        //1.0创建对象
            var xhr = new XMLHttpRequest();
            //2.0打开连接
            xhr.open("post", "/P02Time.ashx", true);
            //3.0设置请求报文头
            xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

            //4.0设置回调函数
            xhr.onreadystatechange = function () {
                if (xhr.readyState == 4 && xhr.status == 200) {
                    var text = xhr.responseText;
                    document.getElementById("div").innerHTML = text;
                }
            }
            //5.0发送请求
            xhr.send("id=1&name=2");

 

Ajax异步请求

原文:http://www.cnblogs.com/qidakang/p/4781009.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!