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/
分享到:
相关推荐
由于使用的是jquery,挡在手册里没有找到关于.abort()方法,在网上搜索了一下,在http://ooxx.me/jquery-ajax-abort.orz看到有关于jquery 里.abort()使用方法,直接用例子: 代码如下: current_request = $.get(‘/...
本文实例讲述了jQuery取消ajax请求的方法。分享给大家供大家参考。具体分析如下: 这里需要注意的是,在ajax请求未响应之前可以用xhr.abort()取消,但如果请求已经到达了服务器端,这样做的结果仅仅是让浏览器不再...
最近遇到,如果用户...用jquery发送ajax请求的确是太方便了,$.get、$.post、$.ajax等等,但我们有时候需要中途中止ajax请求。 举个例子,用comet做聊天时,发送一个请求后,服务端通常过几十秒后才会刷新链接、返回
本文实例讲述了js与jQuery终止正在发送的ajax请求的方法。分享给大家供大家参考,具体如下: 核心:调用XMLHttpRequest对象上的abort方法 jquery的ajax方法有自己的超时时间设置参数: $.ajax({type:'POST', url:'...
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 ...
——————————————————————————– 终止Ajax请求 终止请求需要调用XMLHttpRequest对象的abort()方法 而在jQuery中的$.get,$.post、$.ajax、$.getJSON、$.getScript…的返回值都是...
但在前端开发过程中,不怎么重视xhr的abort(中止掉xhr请求,及表示取消本次请求)。往往会带来一些不可意料的结果。 比如:切换tab,发起xhr请求,渲染同一个列表。就这么简单的拉取数据渲染列表的功能,并且可以...
jQuery的定义了一个ajax过滤器ajaxPrefilter,通过该过滤器可以过滤通过jQuery相应的ajax函数发送的ajax请求。 在项目中,很多地方存在指定开始时间、结束时间来获取该时间区间内某些值随时间变化的过程线的需求,...
给a标签绑定了一个click事件用来触发ajax请求,在IE6中,请求时常会被中断,在其他浏览器中都一切正常。 在IE6中使用Fiddler2和httpWatch监视请求,经常会出现”aborted”,折腾了许久,相当的诡异。后来将a标签换成...
angular.http.abort 使用 angular 实现 http 请求中止和超时的示例。 如何开始: 安装 nodejs。 ( ) 安装依赖项 // npm install 在终端中输入 npm start 。 在浏览器中打开 。
Software caused connection abort: recv failed
一个返回获取对象的函数,该对象在运行时将中止先前的请求。 一种去抖器,但用于获取数据。 依存关系 有依赖关系。 脚印: 222 B:index.js 71 B:index.mjs 第146章(B) 要求 如果浏览器不支持 您可以在构建/...
send()方法,具体请求 abort()方法,停止当前请求! readyState属性请求的状态有5个可取值0=未初始化,1=正在加载,2=以加载,3=交互中,4=完成 responseText属性器的响应,表示为一个串 reponseXML属性器的响应,...
节点异常终止控制器基于EventEmitter的Node.JS的AbortController Polyfill用法import fetch from 'node-fetch'import AbortController from 'node-abort-controller'const controller = new AbortController ( )...
使用U盘装系统过程中,中途突然弹出错误警告:“Decompressionerror,Abort“,出现这种情况一般是由U盘与电脑USB接口松动或是U盘中的系统映像文件损坏导致,可以重新插拔U盘,换个系统文件试试。 本文来源于:u大师...
charset=utf-8”, 加入到ajax请求的参数中,结果这次居然不起作用了。 多次观察Fiddler结果,发现无效后,只好打开JQuery.Validation.js寻求答案了。 在remote的代码中,我发现: 代码如下: … var data = {}; data...
Laravel开发-laravel-or-abort 向类中添加orabort函数的特性
08/8.2.9.html 使用abort方法取消一个请求范例 08/8.3.2.html 使用post方法向服务器提交数据范例 08/8.3.3.html 实现服务器相关的二级联动菜单范例 08/a.html 用于ajax获取文件的示例 08/...