美文网首页
Ajax执行流程

Ajax执行流程

作者: 风起云帆 | 来源:发表于2017-10-20 13:40 被阅读0次

    由于浏览器的差异性,创建Ajax对象时需要用到不同的方法。
    我们首先考虑低级IE浏览器,再考虑IE高级浏览器和非IE浏览器,创建一个比较通用的封装方法,如下所示。

    创建XMLHttpRequest对象

    创建XMLHttpRequest对象

    发送请求

    当成功创建一个XMLHttpRequest对象后,便可以发送Ajax请求,这里同样提供一个封装后的方法。


    发送请求

    执行回调函数

    当Ajax请求发送并执行完毕后,服务端会响应数据,这时需要执行回调函数处理响应的数据,回调函数即上述代码中的callback。


    readyState值

    status值与HTTP请求的状态码一致,例如200表示请求成功,404标识请求不存在,500表示服务端错误等等。

    回调函数
    在回调函数中,通过readyState和status来判断请求是否成功。其中readyState的值所表示的不同意义如下图所示。

    4

    相关文章

      网友评论

          本文标题:Ajax执行流程

          本文链接:https://www.haomeiwen.com/subject/brqvuxtx.html