ajax中什么时候执行success方法，什么时候执行error方法.

最新推荐文章于 2022-09-03 10:33:00 发布
原创 最新推荐文章于 2022-09-03 10:33:00 发布 · 2.9k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#html #ajax #java

本文详细解析了Ajax中Success和Error回调函数的执行时机。Success回调在前后端成功通信后触发，而Error回调则在通信失败时执行。通过具体代码示例，帮助读者深入理解Ajax的工作机制。 
ajax什么时候执行success和error
$.ajax({
url: '${ctx}/exam/admin/library/exercises/save.ht',
data: {
    'aseexercises': JSON.stringify(exercises),
    'aseexerciseschoose': JSON.stringify(items),
},
type: 'POST',

success:function(response){

}

error:function(response){

}

})

前台与后台能连通的时候执行success方法；

前台与后台不能连通的时候执行error方法；

 

仅是个人想法，如有不对，请多多指教，谢谢。

 


 
jquery中ajax请求后台数据成功后既不执行success也不执行error的完美解决方法
11-27
jquery中ajax请求后台数据成功后既不执行success也不执行error，此外系统报错：Uncaught SyntaxError: Unexpected identifier at Object.success，但后台能够返回数据，原代码如下： var source=[]; $.ajax({ ...
$.ajax返回的JSON无法执行success的解决方法
10-28
如果JSON格式不正确，如上述例子中的错误格式，`JSON.parse()`函数将会抛出一个错误，导致`$.ajax`的`error`回调被执行，而不是`success`。 要避免这种情况，确保服务器返回的数据严格符合JSON规范。在开发过程中，...
ajax中什么时候进success和error
XuJiangDong
04-13 1万+
先简单介绍下ajax：简单的说Ajax请求通过XMLHttpRequest对象发送请求，该对象有四个状态（readyState）：0-未初始化、1-正在初始化、2-发送数据、3-正在发送数据、4-完成。当XMLHttpRequest.readyState为4时，表示ajax请求已经完成可以得到响应结果。ajax的success和error方法根据响应状态码来触发。当XMLHttpRequest.st
AJAX的success回调函数执行时间问题
StephKuny的博客
05-14 1126
前台AJAX中进行对从controller后台传入的数据进行if判断的相关问题 controller return一个int类型的数据给前端ajax //AddEmployee @RequestMapping("/addEmployee") @ResponseBody public int addEmployee(@RequestParam("empId") String empId ,@RequestParam("empName") String empName
ajax在什么情况下会走success和error
evilcry2012的专栏
11-20 2085
ajax在什么情况下会走success和error 转载 2017年03月07日 11:10:33 5516 有渔YOUYU 2017-03-04 23:42 来看个ajax的简单例子: jQuery(function($){  $('button').click(function(){ var name = $(this)
ajax中执行error的情况
weixin_43902063的博客
08-02 1236
1. dataType错误（dataType用来指定后台返回参数的类型） 类型错误：后台返回的dataType类型和前台写的不一致会跳入error。 格式错误：jquery1.4之后对json的格式要求非常严格，json格式错误也会跳入error.{“test”:1} 注意格式（ssm中spring会自动解析转为json） 有时，在不需要返回值的情况下，扔按模板格式，设置了dataType:”json”,参数；这时候，ajax传值正确时，出现200返回成功状态下报错的特殊情况。 如果不指定，jQuery 将
Ajax什么时候进入success和error
hekewangzi
04-26 1433
Ajax什么时候进入success和error
ajax不执行success回调而是执行了error回调
12-09
JScript code: 代码如下: $.ajax({ type: “post”, url: “jsp/loginManager.jsp”, data: “name=” + $(‘#rname’).attr(‘value’) + “&pwd=” + $(‘#pwd’).attr(‘value’), dataType: “text”, success:...
ajax什么时候返回值调用error
KILANG的博客
11-10 2991
当ajax正常执行到后了后台的action中，也封装好了json   【JSONArray JsonArray = JSONArray.fromObject(kwKgForm);】加上了spingmvc的@Responsebody后，发生网络问题就会调用error：function（） 网络问题： 执行ajax前也发送了两次请求 例子： href="" onclick="showR
ajax请求成功，但是却执行error回调
云间月
07-23 1726
ajax请求成功，但是却执行error回调 问题描述 最近自己尝试着编写了一下后台接口，简单的实现读取本地JSON文件然后返回给前端调用。但是在调用过程中却返现请求的响应成功Status Code: 200 OK 同时也能在response中看到后台数据。但是前端JS却执行了ajax中的错误回调。 问题调试 为什么明明请求成功却不能执行sucess成功回调，反而进入了error回调呢？ 既然这样...
ajax请求成功后执行error中的方法
求知
02-21 1万+
一、ajax请求常见的问题 1.跨域问题； 2.$.ajax 没设置 dataType，及服务器端没设置respon.ContentType 3.传送json数据时，json数据格式错误 二、遇到的问题 1.请求描述： 前端：$.ajax({ url : 'LoginIn', type : 'post', cache : true, async : false, dataTy
$.ajax()中的success和error的使用注意事项
04-14 2081
$.ajax({})中的success()函数是ajax向后台请求成功后自动调用的，在success（response）函数里面的变量只有一个，response是后台返回来的值。 当后端没有给前端传回值时，$.ajax()中不会执行success，执行的是error。 在项目中，当后端servlet没给前端传回一个值时，$.ajax()执行的是error里面的程序；故特地设计给前端传...
ajax在什么情况下走success和error
OrangeJuiceMe
06-08 2095
先简单介绍下ajax： Ajax请求通过XMLHttpRequest对象发送请求，该对象有四个状态（readyState）：0-未初始化、1-正在初始化、2-发送数据、3-正在发送数据、4-完成。当XMLHttpRequest.readyState为4时，表示ajax请求已经完成可以得到响应结果。 ajax的success和error方法根据响应状态码来触发。 当XMLHttpRequest.s
jquery ajax中success与complete的执行顺序
热门推荐
zhao1949的专栏
10-11 2万+
http://blog.sina.com.cn/s/blog_4adc4b090101dhnh.html https://q.cnblogs.com/q/21810/ ****************************************************************** jquery中各个事件执行顺序如下： 1.ajaxStart(全局事件) 2.bef
ajax执行success和error的状态
Jonny的博客
06-19 1万+
$.ajax({ type="post", url:url, data:{a:1}, dateType:"json", success:function(callbackdata){ alert("success"); }, error:function (data, status, e){
jQuery $.Ajax 的beforeSend、complete、success、error的执行顺序和参数
monster的博客
03-26 4947
Ajax每天都在用，但都是复制来的，从来没有看过Ajax的回调函数到底有哪些参数，今天看了一下，记录下来加强记忆，希望能对大家也有些用处。 ajax示例： $.ajax({ type: "POST", url: "/login", data: {username:$("#username").val(), password:$("#password").val()}, dataType: "json", beforeSend: function(xhr){ //1.发送
当ajax运行完执行的函数,ajaxSuccess()
weixin_32504329的博客
08-05 468
ajaxSuccess()绑定一个函数当 Ajax 请求成功完成时执行。这是一个Ajax Event..ajaxSuccess(handler)handler类型:Function(Event event, jqXHR jqXHR, PlainObject ajaxOptions, PlainObject data)。被调用的函数。每当一个Ajax请求成功完成，jQuery就会触发ajaxSucc...
jQuery的ajax方法里的success方法第一次不执行，第二次才执行的问题
Mr_Punk的博客
09-03 988
在表单中的button默认类型是submit，如果你触发ajax请求的是button，而你的button又在表单中，那么在你发送请求后，在执行success回调方法之前会提交表单，如果我们好好了解一下表单和ajax请求区别的话，可以知道表单是要刷新整个界面的，所以当你发送请求后，会提交表单，这时候你的界面就不是你之前的界面了，所以我们要让他发完请求后不要提交表单，也就是用return false终止。注意最后一行代码，即return false;这条代码一定要加上，为了禁止提交表单。
jquery.ajax的callback什么时候执行
最新发布
08-19
<think>我们之前已经讨论过Ajax回调的执行时机，但这次特别针对jQuery.ajax。在jQuery.ajax中，回调函数的执行时机如下： 1. **beforeSend**：在发送请求之前执行，可用于设置自定义头部或进行请求前的检查。 2. **success**：当请求成功完成（即服务器返回2xx状态码）并且响应数据已成功接收后执行。 3. **error**：当请求失败时执行（包括网络错误、超时、服务器返回4xx或5xx状态码）。 4. **complete**：无论请求成功还是失败，在请求完成后（即success或error回调执行后）执行。 此外，jQuery.ajax还返回一个jqXHR对象（类似Promise的对象），因此可以使用.done(), .fail(), .always()等方法添加回调，这些回调的执行时机与上述相同。 ### 示例代码 ```javascript $.ajax({ url: "https://api.example.com/data", method: "GET", beforeSend: function(xhr) { // 在发送请求前执行 console.log("请求即将发送"); // 可以在这里设置请求头 xhr.setRequestHeader("Authorization", "Bearer token"); }, success: function(data, textStatus, jqXHR) { // 请求成功时执行 console.log("成功:", data); }, error: function(jqXHR, textStatus, errorThrown) { // 请求失败时执行 console.error("失败:", textStatus, errorThrown); }, complete: function(jqXHR, textStatus) { // 请求完成后执行（无论成功或失败） console.log("请求完成，状态:", textStatus); } }); // 使用Promise风格 $.ajax({ url: "https://api.example.com/data", method: "GET" }) .done(function(data) { console.log("成功:", data); }) .fail(function(jqXHR, textStatus, errorThrown) { console.error("失败:", textStatus, errorThrown); }) .always(function() { console.log("请求完成"); }); ``` ### 详细解释 1. **beforeSend回调**： - 在请求发送之前调用，接收jqXHR对象作为参数。 - 如果此函数返回`false`，则取消Ajax请求。 2. **success回调**： - 当服务器返回2xx状态码时触发。 - 参数：`data`（解析后的响应数据，如果设置了`dataType`为'json'则会自动解析为JSON对象）、`textStatus`（描述成功的字符串，如"success"）、`jqXHR`（jQuery的XHR对象）。 3. **error回调**： - 当请求失败时触发（包括网络错误、超时、非2xx的HTTP状态码）。 - 参数：`jqXHR`（jQuery的XHR对象）、`textStatus`（错误描述，如"timeout"、"error"、"abort"等）、`errorThrown`（捕获的异常对象，通常为错误信息字符串）。 4. **complete回调**： - 在请求完成后触发，即在`success`或`error`回调之后执行。 - 参数：`jqXHR`（jQuery的XHR对象）、`textStatus`（请求完成状态，如"success"、"error"、"timeout"等）。 ### 回调执行顺序 1. `beforeSend`（如果返回`false`，则请求取消，后续回调不会执行） 2. 发送请求 3. 接收到响应后： - 如果成功：`success` -> `complete` - 如果失败：`error` -> `complete` ### 注意事项 - 回调函数中的`this`指向传递给`$.ajax`设置的配置对象。 - 使用`context`选项可以改变回调函数中`this`的指向。 §§相关问题§§: 1. jQuery.ajax中的jqXHR对象有哪些常用方法和属性？ 2. 如何使用jQuery.ajax发送JSON数据？ 3. 在jQuery.ajax中，如何设置请求超时并处理超时错误？ 4. jQuery.ajax的`dataType`选项有哪些可选值，它们分别代表什么？</think>### jQuery.ajax回调函数执行时机详解 jQuery.ajax提供了多种回调函数，它们在不同阶段执行： #### 主要回调函数及执行时机： 1. **`beforeSend`**：在请求发送**前**立即执行 2. **`success`**：请求**成功完成**（HTTP 200-299）时执行 3. **`error`**：请求**失败**（网络错误/HTTP 4xx/5xx/超时）时执行 4. **`complete`**：请求**完成后**（无论成功失败）执行 5. **Promise风格回调**：`.done()`(成功), `.fail()`(失败), `.always()`(完成) #### 完整执行顺序示例： ```javascript $.ajax({ url: 'https://api.example.com/data', method: 'GET', // 1. 请求发送前执行 beforeSend: function(jqXHR) { console.log('准备发送请求...'); jqXHR.setRequestHeader('X-Requested-With', 'jQuery'); }, // 2. 请求成功执行 (HTTP 200-299) success: function(data, textStatus, jqXHR) { console.log('成功获取数据:', data); }, // 3. 请求失败执行 error: function(jqXHR, textStatus, errorThrown) { console.error('请求失败:', textStatus, errorThrown); }, // 4. 请求完成后执行 (无论成功失败) complete: function(jqXHR, textStatus) { console.log('请求完成状态:', textStatus); } }); // Promise风格回调 $.ajax('https://api.example.com/data') .done(function(data) { console.log('成功:', data); }) .fail(function(jqXHR, textStatus) { console.error('失败:', textStatus); }) .always(function() { console.log('请求结束'); }); ``` ### 回调执行流程图 ```mermaid graph TD A[发起Ajax请求] --> B{请求发送前} B -->|执行| C[beforeSend] C --> D[发送请求] D --> E{服务器响应} E -->|HTTP 200-299| F[success] E -->|错误/超时| G[error] F --> H[complete] G --> H H --> I[结束] J[Promise风格] --> K{请求完成} K -->|成功| L[done] K -->|失败| M[fail] L --> N[always] M --> N ``` ### 关键细节说明： 1. **`beforeSend`**： - 可访问并修改jqXHR对象 - 返回`false`将取消请求 - 示例：添加认证头/显示加载动画 2. **`success` vs `.done()`**： ```javascript // 传统方式 $.ajax({ success: fn }); // 更现代的Promise方式 $.ajax().done(fn); ``` 3. **错误处理优先级**： ```javascript $.ajax({ error: function() { console.log('选项中的error回调'); } }).fail(function() { console.log('链式调用的fail回调'); // 后执行 }); ``` 4. **超时处理**： ```javascript $.ajax({ url: 'slow-api.com', timeout: 2000, // 2秒超时 error: function(jqXHR, textStatus) { if(textStatus === 'timeout') { console.error('请求超时'); } } }); ``` 5. **回调执行顺序**： ```javascript // 实际执行顺序： // 1. beforeSend // 2. success/error // 3. complete // 4. .done()/.fail() // 5. .always() ``` > **重要提示**：所有回调都在**jQuery的异步队列**中执行，不会阻塞UI渲染，但回调内的复杂操作可能影响页面性能。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值