美文网首页
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执行流程

    由于浏览器的差异性,创建Ajax对象时需要用到不同的方法。我们首先考虑低级IE浏览器,再考虑IE高级浏览器和非IE...

  • jQuery Ajax 操作函数

    jQuery.ajax() 执行异步 HTTP (Ajax) 请求。 .ajaxComplete() 当 Ajax...

  • jQuery中Ajax请求的使用和四个步骤示例

    ajax() 方法用于执行 AJAX(异步 HTTP)请求,所有的 jQuery AJAX 方法都使用 ajax(...

  • ajax

    1. ajax交互流程: ajax数据交互流程 1、创建一个ajax对象2、填写请求地址3、发送请求4、等待服务器...

  • 基础知识1 ajax请求是否是异步

    async 异步 async:false 同步 当执行当前AJAX的时候会停止执行后面的JS代码,直到AJAX执行...

  • jquery AJAX方法

    $ajax()执行异步 AJAX 请求 $.ajaxSetup()为将来的 AJAX 请求设置默认值 $.get(...

  • Ajax知识总结

    流程: 创建ajax引擎对象 声明事件监听:监听ajax对象的属性readystate的值,一...

  • js的ajax调用的一个小坑

    在document.ready中调用ajax的时候,在ajax执行的的同时,优先执行的dom元素操作,即,如果参数...

  • vue学习4

    接口调用方式 原生ajax 基于jQuery的ajax fetch axios 异步 JavaScript的执行环...

  • Vue接口调用方式

    接口调用方式 原生ajax 基于jQuery的ajax fetch axios 异步 JavaScript的执行环...

网友评论

      本文标题:Ajax执行流程

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