`
happyzpx
  • 浏览: 29285 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jquery ajax中success与complete的执行顺序

    博客分类:
  • js
 
阅读更多

$.ajax({
            type: "GET",
                dateType:"html",
                url: "index.html",
                error: function(msg) { alert("error"); },
                complete: function(msg) { alert("complete"); },
                success: function(msg) { alert("success"); }              
               
            });
------------------------------------------
鄙人刚刚开始学习jquery,在测试jquery的ajax方法时,发现先执行的是success,再执行complete,这个我有点点不懂了,为什么不是先complete再success,而是先complete再success呢?特来向博客园的前辈们请教~

jquery中各个事件执行顺序如下:

1.ajaxStart(全局事件)

2.beforeSend

3.ajaxSend(全局事件)

4.success

5.ajaxSuccess(全局事件)

6.error

7.ajaxError (全局事件)

8.complete

9.ajaxComplete(全局事件)

10.ajaxStop(全局事件)

 

 

分享到:
评论

相关推荐

    谈谈Jquery ajax中success和complete有哪些不同点

    jquery ajax中success和complete有哪些不同点呢?大家都了解吗,接下来通过本篇文章给大家介绍jquery ajax中success和complete的不同点,感兴趣的朋友一起学习吧

    jquery ajax源代码

    #### 五、jQuery AJAX 优化与注意事项 - **异步模式**:默认情况下,$.ajax() 方法是异步执行的。可以通过设置 async 参数来控制是否为同步请求。 - **错误处理**:确保提供 error 回调函数来优雅地处理请求失败的...

    为jquery的ajax请求添加超时timeout时间的操作方法

    在上述代码中,complete回调函数会在Ajax请求完成时执行,无论成功、失败还是超时。通过检查status参数的值,我们可以判断请求是否因为超时而结束,并执行相应的处理操作。 总结以上所述,为jQuery的Ajax请求添加...

    传智播客 jQuery ajax 课件

    在当今的Web开发中,jQuery AJAX(异步JavaScript和XML)技术扮演着至关重要的角色。它允许开发者在不刷新整个页面的情况下与服务器进行数据交换,提高了用户体验,使得网页交互更加流畅。本篇文章将深入解析jQuery...

    利用Ajax+Jquery实现异步进度条效果

    开发者可以使用Jquery的Ajax方法来发起请求,监听Ajax事件,如`start`、`progress`、`complete`等,根据服务器返回的进度信息动态更新进度条的状态。 在前端实现过程中,可能包含以下步骤: 1. 使用Jquery选择器...

    jquery ajax demo

    `jQuery AJAX`是jQuery库中的一个核心功能,它极大地简化了原生JavaScript的异步数据通信过程。本教程将深入探讨"jquery ajax demo",通过实际示例展示如何利用jQuery AJAX进行数据的发送和接收。 ### 1. AJAX基础...

    jQuery ajax

    在$.ajax()中,可以定义多个回调函数来处理不同的状态,如success、error、complete和beforeSend。这些函数使你可以根据请求的不同阶段定制逻辑。 **7. Promise API** jQuery的AJAX方法返回Promise对象,这意味着你...

    一个完整的jquery+ajax传送请求的实例

    在IT行业中,jQuery和AJAX是两个非常关键的前端技术,它们极大地简化了网页与服务器之间的数据交互。本文将深入探讨一个完整的jQuery+AJAX传输请求的实例,旨在帮助开发者理解如何有效地使用这两种技术实现异步数据...

    jquery ajax实例点击按钮触发Ajax loading

    在网页开发中,jQuery AJAX是一种常用的异步数据通信技术,它允许我们在不刷新整个页面的情况下与服务器进行数据交互。在本实例中,我们将探讨如何利用jQuery的AJAX功能,通过点击按钮来触发一个加载动画(通常表现...

    jquery中ajax常用的方法,jQuery ajax框架常用方法总结.docx

    jQuery 中 AJAX 常用的方法总结 jQuery 是一个功能强大且流行的 JavaScript 库,它提供了许多有用的方法来处理 AJAX 请求。AJAX(Asynchronous JavaScript and XML)是一种创建交互式网页的技术,它允许网页从...

    struts2+jquery实现ajax

    回调函数通常包括`success`、`error`和`complete`,分别在请求成功、失败和完成时执行。 ```javascript $.ajax({ url: 'AjaxAction.action', type: 'POST', data: {param1: 'value1', param2: 'value2'}, // ...

    jQuery Ajax 全解析

    在jQuery中,Ajax功能是通过其提供的Ajax方法集来实现的,这些方法使得与服务器通信变得非常简单。 #### jQuery Ajax 方法 ##### 1. load() 方法 `load()`是jQuery中实现Ajax功能的方法之一,用于从服务器加载...

    ajax (部分案例使用jquery)实例集锦

    4. 回调函数:`success`、`complete`和`error`等回调函数允许在不同阶段执行相应操作。 5. 异步队列:通过jQuery的`.queue()`方法管理多个Ajax请求,避免同时发起大量请求导致服务器压力过大。 总结,这个"ajax ...

    Jquery的Ajax应用

    jQuery的Ajax函数支持多个回调函数,如`beforeSend()`、`complete()`、`success()`和`error()`,它们在请求的不同阶段被调用。此外,从jQuery 1.5开始,`$.ajax()`返回一个Promise对象,可以使用`.then()`、`.done()...

    ajax的jquery代码

    在Web开发领域,Ajax(Asynchronous JavaScript and XML)是一种创建动态网页的技术,它允许在不刷新整个页面的情况下,与服务器交换数据并更新部分网页内容。jQuery是一个强大的JavaScript库,简化了DOM操作、事件...

    jquery遮罩,ajax时调用

    "jquery遮罩,ajax时调用"这一主题,就是关于如何在Ajax请求执行期间显示一个遮罩层,以阻止用户与页面其他部分的互动。 首先,我们来看一下遮罩层的基本概念。遮罩层是一种在页面上覆盖一层半透明或者特定颜色的...

    JQuery DoM和ajax 操作

    6. **全局AJAX事件**: 如`ajaxStart()`, `ajaxStop()`, `ajaxSuccess()`, `ajaxError()`,可以监听所有AJAX请求的状态,实现全局的控制和反馈。 通过深入理解并熟练运用jQuery的DOM操作和AJAX功能,开发者能够构建...

    简单的JqueryAjax的示例

    在Web开发中,AJAX(Asynchronous JavaScript and XML)是一种创建动态网页的技术,允许页面在不重新加载整个页面的情况下与服务器交换数据并更新部分网页内容。jQuery库使得使用AJAX更加简单,因为它提供了一套方便...

    Jquery版本导致Ajax不执行success回调函数

    总之,当遇到jQuery的Ajax请求不执行success回调的问题时,首先要检查JSON数据格式是否符合标准,其次要确保jQuery版本与代码的兼容性。了解并遵循JSON规范,以及熟悉jQuery的Ajax选项,是避免这类问题的关键。同时...

Global site tag (gtag.js) - Google Analytics