`

jquery的ajax全局事件详解

 
阅读更多

jquery在ajax方面是非常强大和方便的,以下是jquery进行ajax请求时方法模板:

$.ajax({
type: "get",
url: "",
data : {},
beforeSend : function(){},
success : function(data){},
complete : function(){}
});

jquery的ajax方法的全部全局事件:

ajaxStart:ajax请求开始前
ajaxSend:ajax请求时
ajaxSuccess:ajax获取数据后
ajaxComplete:ajax请求完成时
ajaxError:ajax请求发生错误后
ajaxStop:ajax请求停止后

    当你使用jquery的ajax方法,不管是$.ajax()、$.get()、$.load()、$.getJSON()等都会默认触发全局事件,只是通常不绑定全局事件,但实际上这些全局事件非常有用处。

    ajax方法的全局事件的用处

    ajax全局事件,有个典型的应用场合:
    你的页面存在多个甚至为数不少的ajax请求,但是这些ajax请求都有相同的消息机制。ajax请求开始前显示一个提示框,提示“正在读取数据“;ajax请求成功时提示框显示“数据获取成功”;ajax请求结束后隐藏提示框。
    不使用全局事件的做法是:
    给$.ajax()加上beforeSend、success、complete回调函数,在回调函数中加上处理提示框。
    使用全局事件的做法是:

    $(document).ajaxStart(onStart)
    .ajaxComplete(onComplete)
    .ajaxSuccess(onSuccess);

    function onStart(event) {
    //.....
    }
    function onComplete(event, xhr, settings) {
    //.....
    }
    function onSuccess(event, xhr, settings) {
    //.....
    }

      ajax方法完整事件流


      原文链接:http://www.36ria.com/2882

      分享到:
      评论

      相关推荐

        jquery Ajax 全局调用封装实例详解

        ### jQuery Ajax 全局调用封装实例详解知识点 #### 前言 在前端开发中,异步数据交互是核心功能之一,通常使用Ajax技术实现。当全站需要频繁进行数据交互时,如果每次都写重复的`$.ajax`代码,不仅效率低下,而且...

        Jquery Ajax 前后台数据传输

        还可以使用全局事件如`ajaxSuccess`和`ajaxError`进行统一处理。同时,`$.ajaxSetup()`可以设置默认的AJAX选项。 5. **异步与同步** 默认情况下,所有jQuery的AJAX操作都是异步的,但可以设置`async: false`使请求...

        jquery的ajax方法

        在实际应用中,还可以利用`.ajaxStart()`和`.ajaxStop()`事件监听Ajax请求的开始和结束,以及`.ajaxError()`来处理全局的错误。 总的来说,jQuery的Ajax方法是前端开发中不可或缺的一部分,它使得与服务器的交互...

        jQuery Ajax 全局调用封装实例代码详解

        jQuery Ajax 全局调用封装主要是为了在全站范围内通过异步JavaScript和XML(Ajax)技术进行数据交互时减少代码冗余,提高开发效率。通过封装一个通用的Ajax函数,开发者可以在不同的地方调用相同的接口来执行Ajax...

        jquery Ajax js类库

        1. **全局事件**: jQuery 提供了 `ajaxStart`, `ajaxStop`, `ajaxSuccess`, `ajaxError` 等全局事件,用于监听和处理所有 AJAX 请求的状态。 2. **自定义设置**: 可以通过 `$.ajaxSetup()` 方法设置全局 AJAX 配置...

        jquery upload ajax方式

        **jQuery Upload AJAX方式详解** 在Web开发中,文件上传是一个常见的功能,传统的文件上传通常需要刷新整个页面,用户体验较差。随着Ajax技术的发展,无刷新上传文件成为可能,jQuery结合Ajax提供了一种优雅的解决...

        jQueryAjax.rar_jquery 例子

        **jQuery与Ajax的结合使用详解** 在Web开发中,jQuery是一个强大的...在"jQueryAjax.rar_jquery 例子"中,你将找到更多关于如何实际应用这些技术的实例,这对于理解和掌握Web前端开发中的Ajax技术具有很高的学习价值。

        jquery 的ajax用法

        **jQuery的Ajax用法详解** 在Web开发中,Ajax(Asynchronous JavaScript and XML)技术允许我们在不刷新整个页面的情况下与服务器进行数据交互,极大地提升了用户体验。jQuery库简化了JavaScript中的Ajax操作,使得...

        简单的JqueryAjax的示例

        **jQuery AJAX 基础详解** 在Web开发中,AJAX(Asynchronous JavaScript and XML)是一种创建动态网页的技术,允许页面在不重新加载整个页面的情况下与服务器交换数据并更新部分网页内容。jQuery库使得使用AJAX更加...

        jquery与ajax调用,有代码 , 有说明,使ajax调用简单

        1. **全局事件**:jQuery提供了一些全局Ajax事件,如`ajaxStart`和`ajaxComplete`,可以在任何Ajax请求开始或完成后触发。 2. **缓存控制**:通过`cache`选项,可以启用或禁用Ajax请求的缓存。 3. **异步与同步**...

        jquery ajax上传文件

        **jQuery AJAX 文件上传详解** 在Web开发中,用户经常需要上传文件,比如图片、文档等。传统的表单提交方式在处理文件上传时存在一些限制,如页面刷新、无法实时反馈进度等。为了解决这些问题,jQuery提供了一种...

        jQuery ajax libs

        jQuery 还提供了一些全局 AJAX 事件,如 `ajaxStart`, `ajaxComplete` 等,可用于监听所有 AJAX 请求的状态。 ### 10. JSONP 支持 跨域请求时,jQuery 使用 JSONP(JSON with Padding)技术,通过动态创建 `...

        经典的jQuery Ajax 资料

        **jQuery AJAX 知识点详解** 在Web开发中,AJAX(Asynchronous JavaScript and XML)是一种创建动态网页的技术,允许页面在不重新加载整个页面的情况下与服务器交换数据并更新部分网页内容。jQuery库简化了AJAX操作...

        jquery ajax无刷新技术

        **jQuery AJAX 无刷新技术详解** 在Web开发中,AJAX(Asynchronous JavaScript and XML)是一种创建动态网页的技术,允许在不重新加载整个页面的情况下,与服务器交换数据并更新部分网页内容。jQuery库使得AJAX操作...

        jQuery.extend 函数详解

        在JavaScript前端开发中,jQuery是一个非常流行的库,它简化了许多常见的操作,比如DOM操作、事件处理、AJAX交互等。`jQuery.extend`是jQuery提供的一个用于扩展jQuery核心功能或自定义jQuery插件的方法。通过这个...

        jquery_ajax操作数据库

        **jQuery AJAX 操作数据库详解** jQuery 是一个广泛使用的 JavaScript 库,它极大地简化了 JavaScript 的 DOM 操作、事件处理和Ajax交互。AJAX(Asynchronous JavaScript and XML)是一种创建动态网页的技术,允许...

        JQuery中$.ajax()方法参数详解

        在JavaScript和Web开发中,jQuery库提供了一个强大的功能,即$.ajax()方法,它使得开发者能够轻松地实现异步数据交换,从而创建出更富交互性的网页应用。AJAX(Asynchronous JavaScript and XML)的核心在于利用...

      Global site tag (gtag.js) - Google Analytics