`

JQuery中止(abort)Ajax请求

阅读更多

JQuery有一个很实用的插件:Autocomplete,即可以实现像搜索引擎一样的关键字提示,当然,提示的内容是用ajax请求后台的内容,这个插件的功能是将后台搜索到的相关词以比较好的方式显示出来,这个插件有一个功能,是当用户在输入框打字比较快时,就会自动终止之前发的ajax请求,尽量减少后端的压力,这个是如何实现的呢?

 

通常我们用JQuery发起一个ajax请求,主要的行为是在请求成功的回调函数中,调用方式也都是直接调用JQ的成员函数:

 

$.post(ulr, data, function(){});

$.get(url, data, function(){});

$.ajax({});

 

其实这些调用本身也可以进行链式调用,返回的对象是:The jqXHR Object,这个对象有一个函数叫做abort(),可以做请求终止的操作:

 

var v_jq = $.ajax({});
v_jq.abort();
 

 

当然也有其他的一些功能,比如附加header,获取相应header等等,具体请参考JQuery的官方文档:

 

http://api.jquery.com/jQuery.ajax/

1
1
分享到:
评论

相关推荐

    jquery ajax abort()的使用方法

    由于使用的是jquery,挡在手册里没有找到关于.abort()方法,在网上搜索了一下,在http://ooxx.me/jquery-ajax-abort.orz看到有关于jquery 里.abort()使用方法,直接用例子: 代码如下: current_request = $.get(‘/...

    jQuery取消ajax请求的方法

    本文实例讲述了jQuery取消ajax请求的方法。分享给大家供大家参考。具体分析如下: 这里需要注意的是,在ajax请求未响应之前可以用xhr.abort()取消,但如果请求已经到达了服务器端,这样做的结果仅仅是让浏览器不再...

    教你如何终止JQUERY的$.AJAX请求

    最近遇到,如果用户...用jquery发送ajax请求的确是太方便了,$.get、$.post、$.ajax等等,但我们有时候需要中途中止ajax请求。 举个例子,用comet做聊天时,发送一个请求后,服务端通常过几十秒后才会刷新链接、返回

    js与jQuery终止正在发送的ajax请求的方法

    本文实例讲述了js与jQuery终止正在发送的ajax请求的方法。分享给大家供大家参考,具体如下: 核心:调用XMLHttpRequest对象上的abort方法 jquery的ajax方法有自己的超时时间设置参数: $.ajax({type:'POST', url:'...

    jquery电子文档chm

    This is jQuery's low-level AJAX implementation. See $.get, $.post etc. for higher-level abstractions that are often easier to understand and use, but don't offer as much functionality (such as error ...

    jQuery Ajax使用心得详细整理及注意事项

    ——————————————————————————– 终止Ajax请求 终止请求需要调用XMLHttpRequest对象的abort()方法 而在jQuery中的$.get,$.post、$.ajax、$.getJSON、$.getScript…的返回值都是...

    深入讲解xhr(XMLHttpRequest)/jsonp请求之abort

    但在前端开发过程中,不怎么重视xhr的abort(中止掉xhr请求,及表示取消本次请求)。往往会带来一些不可意料的结果。 比如:切换tab,发起xhr请求,渲染同一个列表。就这么简单的拉取数据渲染列表的功能,并且可以...

    浅谈jQuery中ajaxPrefilter的应用

    jQuery的定义了一个ajax过滤器ajaxPrefilter,通过该过滤器可以过滤通过jQuery相应的ajax函数发送的ajax请求。 在项目中,很多地方存在指定开始时间、结束时间来获取该时间区间内某些值随时间变化的过程线的需求,...

    IE6中ajax aborted错误请求中断解决方法

    给a标签绑定了一个click事件用来触发ajax请求,在IE6中,请求时常会被中断,在其他浏览器中都一切正常。 在IE6中使用Fiddler2和httpWatch监视请求,经常会出现”aborted”,折腾了许久,相当的诡异。后来将a标签换成...

    angular.http.abort:如何使用 angular 1.2 <= 中止 http 请求

    angular.http.abort 使用 angular 实现 http 请求中止和超时的示例。 如何开始: 安装 nodejs。 ( ) 安装依赖项 // npm install 在终端中输入 npm start 。 在浏览器中打开 。

    Software caused connection abort: recv failed

    Software caused connection abort: recv failed

    fetch-with-abort:一个返回获取对象的函数,该对象在运行时将中止先前的请求。 一种谴责者,但用于获取数据

    一个返回获取对象的函数,该对象在运行时将中止先前的请求。 一种去抖器,但用于获取数据。 依存关系 有依赖关系。 脚印: 222 B:index.js 71 B:index.mjs 第146章(B) 要求 如果浏览器不支持 您可以在构建/...

    PHP培训教程之AJAX技术.docx

    send()方法,具体请求 abort()方法,停止当前请求! readyState属性请求的状态有5个可取值0=未初始化,1=正在加载,2=以加载,3=交互中,4=完成 responseText属性器的响应,表示为一个串 reponseXML属性器的响应,...

    node-abort-controller:基于EventEmitter的Node.JS的AbortController Polyfill

    节点异常终止控制器基于EventEmitter的Node.JS的AbortController Polyfill用法import fetch from 'node-fetch'import AbortController from 'node-abort-controller'const controller = new AbortController ( )...

    用U盘装系统出现“Decompression error,Abort“

    使用U盘装系统过程中,中途突然弹出错误警告:“Decompressionerror,Abort“,出现这种情况一般是由U盘与电脑USB接口松动或是U盘中的系统映像文件损坏导致,可以重新插拔U盘,换个系统文件试试。 本文来源于:u大师...

    JQuery的Validation插件中Remote验证的中文问题

    charset=utf-8”, 加入到ajax请求的参数中,结果这次居然不起作用了。 多次观察Fiddler结果,发现无效后,只好打开JQuery.Validation.js寻求答案了。 在remote的代码中,我发现: 代码如下: … var data = {}; data...

    Laravel开发-laravel-or-abort

    Laravel开发-laravel-or-abort 向类中添加orabort函数的特性

    AJAX 源码范例

    08/8.2.9.html 使用abort方法取消一个请求范例 08/8.3.2.html 使用post方法向服务器提交数据范例 08/8.3.3.html 实现服务器相关的二级联动菜单范例 08/a.html 用于ajax获取文件的示例 08/...

Global site tag (gtag.js) - Google Analytics