zoukankan      html  css  js  c++  java
  • JS异步编程 XHR的用法

     var xhr = createXHR();
                // open函数接受三个参数,第一个参数是发送请求的类型,第二个是请求的地址,第三个是是否以异步的形式发送请求
                //url是相对于执行页面的相对路径,当然绝对路径也可以,调用 open方法并不会真正发送请求,要发送请求需要使用send方法
                xhr.open("get", "example.aspx", false);
                //发送请求
                xhr.send(null);
                //收到响应,响应的数据会自动填充到XHR对象的属性,
                //responseText:作为响应的主体被返回的文本
                //responseXML:如果响应的类型是“text/xml”或者“application/xml”,这个属性保存包含着响应数据的xml dom 文档
                //status :响应的http状态
                //statusText:http状态说明

    //xhr的readyState属性,表示请求/响应过程的当前活动阶段

    0:代表未初始化。尚未调用open()方法

    1:启动,已经调用open()方法,但是没有调用send方法

    2:发送,已经调用send()方法,但是没有收到响应

    3:接收,已经接收部分响应数据

    4:完成,已经接收到全部响应数据,而且可以在客户端上使用

    只要readyState属性从一个值变到另外一个值,都会触发readystatechange事件

    if (xhr.readyState == 4) {
                    //判断状态码是否正常
                    //正常,则调用回调函数
                    if (xhr.status == 200)

           {

            //执行回调函数

               }
                 
                    }

  • 相关阅读:
    ASP.NET Core Identity 实战(3)认证过程
    ASP.NET Core Identity 实战(2)——注册、登录、Claim
    C#代码风格指南
    看eShopOnContainers学一个EventBus
    105.电脑中共享盘保存密码之后,删掉默认保存密码的操作方法
    005.abap中宏的使用
    002.64位系统的SAP学习机
    在react/redux中使用Immutable
    ajax与HTML5 history API实现无刷新跳转
    阿里前端实习生面试总结(两轮技术面+一轮hr面)
  • 原文地址:https://www.cnblogs.com/renpeng/p/5034628.html
Copyright © 2011-2022 走看看