• 首页
  • css3教程
  • html5教程
  • jQuery手册
  • vue手册
  • php手册
  • MySQL手册
  • apache手册
  • redis手册
  • 位置: jQuery中文参考手册

    Ajax异步请求


    Ajax

    Ajax 全称是 asynchronous javascript and xml,并不是新的编程语言,可以说是已有技术的组合,主要用来实现客户端与服务器端的异步通信效果,实现页面的局部刷新,从而创建快速动态网页的技术。

    Ajax过程

    1. 创建XMLHttpRequest对象,也就是创建一个异步调用对象
    2. 创建一个新的HTTP请求,并指定其请求的方法、URL及验证信息
    3. 设置响应 HTTP 请求状态变化的函数
    4. 发送 HTTP 请求
    5. 获取异步调用返回的数据
    6. 使用 JavaScript 和 DOM 实现局部刷新

    优缺点

    • 优点:可以使得页面不重载全部内容的情况下加载局部内容,降低数据传输量,避免用户不断刷新或者跳转页面,提高用户体验
    • 缺点:对搜索引擎不友好,要实现ajax下的前进后退功能成本较大;跨域问题限制

    jQuery 中的 Ajax

    全局ajax事件处理器

    jQuery 库支持完整的 Ajax 操作。这里所包含的所有函数和方法用于从服务端加载数据,并且不会导致页面刷新。

    • $(document).ajaxComplete(handler(event, XMLHttpRequest, ajaxOptions))当Ajax请求完成后注册一个回调函数。

      • 每当一个Ajax请求完成,jQuery就会触发ajaxComplete事件,在这个时间点所有处理函数会使用.ajaxComplete()方法注册并执行。
      • 从 jQuery 1.8 开始,.ajaxComplete()方法只能绑定到 document元素。
      • 如果global选项设置为false,调用或.ajaxSetup(),.ajaxComplete()方法将不会被触发。
    • 类似的还有:请求出错ajaxError()、请求发送前ajaxSend()、请求刚开始ajaxStart()、请求完成时ajaxStop()、请求成功完成时ajaxSuccess()