AJAX请求调用abort后，是否可以避免触发错误回调？ - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

读Zepto源码之Ajax模块

0； headers：设置 HTTP 请求头； async：是否为同步请求，默认为 false； global：是否触发全局 ajax 事件，默认为 true； context：执行回调时（如...在触发事件前，调用配置中的 error 方法，将 xhr 实例，错误类型 type 和 error 对象作为回调函数的参数。...jsonp 请求的 type 必须为 jsonp 。私有变量用来临时存放配置中的 jsonpCallback ，即 jsonp 请求成功后执行的回调函数名，该配置可以为 function 类型。...，先清除请求超时定时器，避免触发超时错误，再将插入页面的 script 从页面上删除，因为数据已经获取到，不再需要这个 script 了。...empty ，避免超时响应执行完毕后，请求完成，再次执行成功回调。

4.1K0 0

原来你是这样的jsonp(原理与具体实现细节)

我们早已习惯，早已熟练了jQ或者zepto的ajax调用方式。...，触发script元素上的error事件, 后面带的参数是回调函数接收的参数 abort = function (errorType) { $(script).triggerHandler...先留个疑问在这里对于关注点2abort函数，这个函数的功能，就是手动触发添加在创建好的script元素身上的error事件的回调函数。后面的超时处理timeout以及请求出错都是利用的该函数。...超时后其实就是触发了script元素的error事件，并传了参数timeout 真正的回调逻辑处理接下来就是本文的重点了，zepto通过监听script元素的load事件来监听请求是否完成，以及给script...失败的条件就是触发了error事件(不管是超时还是解析错误，又或者状态码不在HTTP 2xx)，甚至如果后端没有正确给到数据responseData也是错误。

2.5K10 0

您找到你想要的搜索结果了吗？

是的

没有找到

原来你是这样的JSONP

整个生命周期会有多个钩子可以被触发，而我们可以监听哪些钩子来得知请求的状况? 让我们从zepto.js的源码出发，一步步揭开它的面纱。...，触发script元素上的error事件, 后面带的参数是回调函数接收的参数 abort = function (errorType) { $(script).triggerHandler...先留个疑问在这里对于关注点2abort函数，这个函数的功能，就是手动触发添加在创建好的script元素身上的error事件的回调函数。后面的超时处理timeout以及请求出错都是利用的该函数。...超时后其实就是触发了script元素的error事件，并传了参数timeout 真正的回调逻辑处理 ❝接下来就是本文的重点了，zepto通过监听script元素的load事件来监听请求是否完成，以及给script...失败的条件就是触发了error事件(不管是超时还是解析错误，又或者状态码不在HTTP 2xx)，甚至如果后端没有正确给到数据responseData也是错误。

8553 0

AJAX取消请求

取消请求的方法在 AJAX 请求中，我们可以使用以下方法来取消正在进行的请求：使用 abort() 方法：使用 abort() 方法可以取消当前正在进行的 AJAX 请求。...我们将 AJAX 请求的返回值保存在 xhr 变量中。要取消请求，我们只需调用 abort() 方法即可。注意事项只能取消当前正在进行的请求。...如果请求已经完成或已被取消，则 abort() 方法不会产生任何效果。调用 abort() 方法后，将触发 error 回调函数。...示例场景取消请求的一个常见场景是在用户触发某个动作后发送 AJAX 请求，并且在用户继续操作之前取消请求。例如，当用户输入搜索关键字时，我们可以实时发送 AJAX 请求来获取搜索结果。...每次输入变化时，我们取消之前的请求（如果存在），然后使用 setTimeout() 延迟 300 毫秒发送新的请求。这样可以确保只有在用户停止输入一段时间后才发送请求，避免频繁的请求。

2.9K2 0

jQuery学习笔记

AJAX 1. 请求与回调 jQuery的AJAX，核心的请求处理函数只有一个，就是 $.ajax()，然后就是一个简单的上层函数。...data,textStatus,jqXHR) context 回调函数执行时的上下文 cache 默认为 true，是否为请求单独添加一个随机参数以防止浏览器缓存 error 请求错误时的调用函数。...，具体的错误描述： NotFound， InternalServerError等 complete 请求结束（无论成功或失败）时的一个回调函数。...ajaxError() 请求错误 .ajaxComplete() 请求完成 .ajaxStop() 请求结束（在 .ajaxComplete()后） 3....锁定调用链，但是如果打开了 memory的 flag，新添加的函数仍然会执行 callbacks.has() 检查一个函数是否处于回调链之中 callbacks.fired() 检查回调链是否被激发 callbacks.locked

4.3K2 0

如何取消ajax请求的回调

我们在开发过程中有时候会碰到这样的需求，连续发送多个ajax请求，请求个数大于等于2，后面的ajax请求发送时，如果前面的ajax请求还没有返回，就取消前面ajax请求回调的执行。...在继续后面的内容之前，先同步一个概念，文中所说的取消ajax的请求，指的是取消ajax请求的回调函数，ajax的请求发送后，这个请求我们是阻止不了的，但是可以取消其回调的执行。...官方文档提到，xhr调用abort之后，readyState 会被重置为0，readyState变化会触发onreadystatechange函数，而readyState已经被重置为0，此时用户定义的回调函数就不会执行了...我们需要了解的是，ajax请求发送后，在回调调用之前，调用abort，这个ajax的回调就不会被执行了。以上便是原生js如何处理取消ajax请求回调的原理了。...方法，得到一个source对象，这个对象有两个属性，一个是token，一个是cancel，token传递到需要被取消请求回调的参数中，cancel是一个方法，调用cancel会取消传递了token的ajax

4.9K3 1

全面分析前端的网络请求方式

abort 用于终止一个 ajax请求，调用此方法后 readyState将被设置为 0，用法： xhr.abort() setRequestHeader 用于设置 HTTP请求头，此方法必须在 open...success 类型： Function 请求成功后的回调函数。 jsonp 在一个 jsonp请求中重写回调函数的名字。这个值用来替代在 "callback=?"...text": 返回纯文本字符串 data 类型： String 使用 JSON.stringify转码 complete 类型： Function请求完成后回调函数 (请求成功或失败之后均调用)。...可以发现，调用 reject有三种可能： 1.请求超时 2.请求失败注意：当和服务器建立简介，并收到服务器的异常状态码如 404、500等并不能触发 onerror。...这表示，在一个 fetch请求结束之前可以调用 signal.abort将其终止。

2.6K4 0

Ajax与Comet

已经接收全部响应数据，而且已经可以在客户端使用了。 readyState属性的值发生变化，都会触发readystatechange事件。可以利用这个事件来检测每次状态变化后readyState的值。...progress：在接收响应期间持续不断地触发。 error：在请求发生错误时触发。 abort：在因为调用abort()方法而终止时触发。 load：在接收到完整的响应数据时触发。...loadend：在通信完成或者触发error、abort或load事件后触发。 ? 1. load事件可以代替readystatechagne事件。...Origin: http://www.test.com 如果服务认为这个请求可以接受，在Access-Control-Allow-Origin头部中回发相同的源信息（如果是公共资源，可以回发”*”）。...回调函数是当响应到来时应该在页面调用的函数。回到函数的名字一般是在请求中指定的。而数据是传入回调函数中的JSON数据。

1K3 2

AJAX请求重复发送问题

异步代码执行不完整：如果在 AJAX 请求的回调函数中执行了异步代码（例如，定时器），而该异步代码的执行时间超过了请求的响应时间，那么在异步代码执行期间可能会触发新的 AJAX 请求。...解决请求重复发送的方法为了解决 AJAX 请求重复发送的问题，我们可以采取以下方法：禁用重复触发：在事件处理程序中，我们可以通过禁用重复触发的方式来防止请求重复发送。...可以使用标志变量来跟踪请求的执行状态，如果请求正在进行中，则不触发新的请求。等待请求完成后，再允许触发新的请求。...取消之前的请求：在发送新的 AJAX 请求之前，可以先取消之前的请求，以确保只有最新的请求会被发送。可以使用 abort() 方法来取消正在进行的 AJAX 请求。...我们通过检查 xhr 对象的值来判断当前是否有请求正在进行中。如果有，我们使用 abort() 方法取消之前的请求。然后，我们发送新的 AJAX 请求，并在成功或失败的回调函数中清空 xhr 对象。

1.8K2 0

AJAX 与跨域通信（一）：AJAX

那么，对于 GET 请求，send() 方法是否可以不传递参数呢？——不可以，应该传递 null。请求 URL：可以是相对路径和绝对路径是否为异步请求：true 为异步，false 为同步。...设想这么一种情况：我们正在上传一张图片（也就是发送一个 AJAX 请求），由于耗时过长，我们决定取消上传，那么取消上传其实就是取消 AJAX 请求，这是通过 abort() 方法实现的。...timeout 事件，执行回调函数。...有以下6个进度事件： loadstart：在接受到响应数据的第一个字节时触发 progress：在接受响应期间持续不断地触发 error：在请求错误时触发 abort：在因为调用 abort() 方法而终止连接时触发...load：在接收到完整的响应数据时触发 loadend：在通信完成或触发 error、abort、load 事件后触发每个请求都从触发 loadstart 事件开始，接下来是一或多个 progress

1.3K2 0

JS 中的网络请求 AJAX, Fetch, WebSocket

（在IE中，超时属性可能只能在调用 open() 方法之后且在调用 send() 方法之前设置） abort方法用来终止请求 getAllResponseHeaders方法返回所有的响应头 getResponseHeader...当超时发生时他会触发ontimeout回调函数。...loadstart 在收到响应的第一个字节触发 progress 在接收期间不断触发 error 发生错误 abort 调用abort方法而终止 load 接收到完整数据 loadend 在通信完成或abort...为了使 ajax 可以从不同的网址获取数据。我们可以使用跨域资源共享(CORS)来解决问题。...这当前只是空字符串或连接协商的扩展列表 onclose 用于指定连接失败后的回调函数 onmessage 用于指定当从服务器接受到信息时的回调函数 onopen 用于指定连接成功后的回调函数 protocol

5.2K3 0

ASP.NET AJAX(8)__Microsoft AJAX Library中异步通信层的使用什么是异步通信层Micorsoft AJAX Library异步通信层的组成WebRequestExec

xhr.open("POST", "RandomNumber.ashx", true); xhr.onreadystatechange = function() {//指定回调函数...onReadyStateChange，然后通过判断一些状态来验证是否得到了我们想要数据，而不是服务器端抛出的错误等等 Micorsoft AJAX Library异步通信层的组成均在Sys.Net命名空间下...webRequest.set_timeout(3000);//设置超时时间 webRequest.add_completed(onCompleted);//添加完成时候的回调函数...，出现一个错误，点击Time out，得到一个超时错误，点击Abort，可以取消一个请求，我们可以使用先点击Time out,然后在三秒内点击Abort来得到一个取消的效果 ...WebRequestManager成员 invokingRequest事件：即将发送请求时候触发，可用于取消某个请求 completedRequest事件：请求结束时候触发，他早于WebRequest对象的

2.5K5 0

$.ajax()方法详解学习

get请求中将附加在url后。防止这种自动转换，可以查看　　processData选项。...，JQuery将自动替换后一个“?”为正确的函数名，以执行回调函数。...) 请求成功后的回调函数。...（11）complete ：类型: Function( jqXHR jqXHR, String textStatus ) 请求完成后回调函数 (请求success 和 error之后均调用)。...**success** 类型:Function( PlainObject data, String textStatus, jqXHR jqXHR ) 当请求成功后执行的回调函数。

6.2K1 0

XMLHttpRequest使用指南大全

onloadstart 调用xhr.send()方法后立即触发，若xhr.send()未被调用则不会触发此事件。...onload 当请求成功完成时触发，此时xhr.readystate=4 onloadend 当请求结束（包括请求成功和请求失败）时触发 onabort 当调用xhr.abort()后触发 ontimeout...[onabort或ontimeout或onerror]事件触发xhr.onloadend 事件在哪个xhr事件中注册成功回调？...从上面介绍的事件中，可以知道若xhr请求成功，就会触发xhr.onreadystatechange和xhr.onload两个事件。那么我们到底要将成功回调注册在哪个事件中呢？...} 上面的示例代码是很常见的写法：先判断http状态码是否是200，如果是，则认为请求是成功的，接着执行成功回调。

1.7K3 0

jQuery ajax - ajax() 方法jQuery ajax - ajax() 方法

complete(XHR, TS) 类型：Function 请求完成后回调函数 (请求成功或失败之后均调用)。参数： XMLHttpRequest 对象和一个描述请求类型的字符串。...这是一个 Ajax 事件。 global 类型：Boolean 是否触发全局 AJAX 事件。默认值: true。...这主要用来让 jQuery 生成度独特的函数名，这样管理请求更容易，也能方便地提供回调函数和错误处理。你也可以在想让浏览器缓存 GET 请求的时候，指定这个回调函数名。...并且必须返回新的数据（可能是处理过的）传递给 success 回调函数。 success 当请求之后调用。传入返回后的数据，以及包含成功代码的字符串。...比如说，调用对象上的 .abort() 可以在请求完成前挂起请求。

16.9K3 0

AJAX 与跨域通信（一）：AJAX 与同源策略

那么，对于 GET 请求，send() 方法是否可以不传递参数呢？——不可以，应该传递 null。请求 URL：可以是相对路径和绝对路径是否为异步请求：true 为异步，false 为同步。...timeout 事件，执行回调函数。...有以下6个进度事件： loadstart：在接受到响应数据的第一个字节时触发 progress：在接受响应期间持续不断地触发 error：在请求错误时触发 abort：在因为调用 abort() 方法而终止连接时触发...load：在接收到完整的响应数据时触发 loadend：在通信完成或触发 error、abort、load 事件后触发每个请求都从触发 loadstart 事件开始，接下来是一或多个 progress...事件，然后触发 error、abort 或 load 中的一个，最后以触发 loadend 事件结束。

1.4K1 0

你真的会使用XMLHttpRequest吗？

onloadstart 调用xhr.send()方法后立即触发，若xhr.send()未被调用则不会触发此事件。...onload 当请求成功完成时触发，此时xhr.readystate=4 onloadend 当请求结束（包括请求成功和请求失败）时触发 onabort 当调用xhr.abort()后触发 ontimeout...[onabort或ontimeout或onerror]事件触发xhr.onloadend 事件在哪个xhr事件中注册成功回调？...从上面介绍的事件中，可以知道若xhr请求成功，就会触发xhr.onreadystatechange和xhr.onload两个事件。那么我们到底要将成功回调注册在哪个事件中呢？...} } 上面的示例代码是很常见的写法：先判断http状态码是否是200，如果是，则认为请求是成功的，接着执行成功回调。

2K3 0

jquery中ajax参数详解

complete(XHR, TS) 类型：Function 请求完成后回调函数 (请求成功或失败之后均调用)。参数： XMLHttpRequest 对象和一个描述请求类型的字符串。...这是一个 Ajax 事件。 global 类型：Boolean 是否触发全局 AJAX 事件。默认值: true。...这主要用来让 jQuery 生成度独特的函数名，这样管理请求更容易，也能方便地提供回调函数和错误处理。你也可以在想让浏览器缓存 GET 请求的时候，指定这个回调函数名。...并且必须返回新的数据（可能是处理过的）传递给 success 回调函数。 success 当请求之后调用。传入返回后的数据，以及包含成功代码的字符串。...比如说，调用对象上的 .abort() 可以在请求完成前挂起请求。

3.1K3 0

让fetch也可以timeout

我们先实现abort功能，但由于初始化fetch后，返回的是一个Promise对象，那么需要在abort后达到触发rejectPromise的效果。...() { reject('abort promise'); }; }); 这个简单的代码段，可以通过调用abort_fn 函数就可以触发abort_promise的reject...每个promise都可以绑定resolve callback 和 reject callbck，那么后续then的回调绑定到哪个promise上呢，这是一个问题。...resolve 或 reject 的结果来传入后续绑定的回调 var abortable_promise = Promise.race([ fetch_promise...promise'); }; }); //这里使用Promise.race，以最快 resolve 或 reject 的结果来传入后续绑定的回调

9135 0

让fetch也可以timeout

我们先实现abort功能，但由于初始化fetch后，返回的是一个Promise对象，那么需要在abort后达到触发rejectPromise的效果。...() { reject('abort promise'); }; }); 这个简单的代码段，可以通过调用abort_fn 函数就可以触发abort_promise的reject...每个promise都可以绑定resolve callback 和 reject callbck，那么后续then的回调绑定到哪个promise上呢，这是一个问题。...resolve 或 reject 的结果来传入后续绑定的回调 var abortable_promise = Promise.race([ fetch_promise...promise'); }; }); //这里使用Promise.race，以最快 resolve 或 reject 的结果来传入后续绑定的回调

8334 0

点击加载更多

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭