ajax的 abort()

2024-09-01

jquery ajax abort()方法

如果用户频繁点击ajax请求,除最后一个外都是无效的,趁早结束节省资源.也可能出现更严重的问题,最后一个发送的请求,响应未必是最后一个,有可能造成混乱.用jquery的abort方法,可以中途中止ajax请求. //ajax请求var Info=null;function getInfo(odata){ Info= $.ajax({ type:"post", url:"", data:odata, dataType:"json", success

终止jQuery的$.ajax方法abort

最近遇到,如果用户频繁点击ajax请求,有两个问题: 1,如果连续点击了5个ajax请求,前4个其实是无效的,趁早结束节省资源. 2,更严重的问题是:最后一个发送的请求,响应未必是最后一个,有可能造成混乱.还需要一个队列来维护发送的请求和响应. 我其实已经设计好了该队列的实现方式,后来发现jQuery直接通过abort方法,这样就不需要那么复杂的实现了,毕竟还有其他事情等着完成. 用jquery发送ajax请求的确是太方便了,$.get.$.post.$.ajax等等,但我们有时候需要中途中止a

安卓版微信自带浏览器和IE6浏览器ajax请求abort错误处理

转载请注明出处:http://blog.csdn.net/l1028386804/article/details/46419567 给页面元素绑定了一个click事件用来触发ajax请求.在安卓微信自带浏览器中和IE6下.请求时常会被中断,返回错误类型"abort",在其它浏览器中都一切正常. 在IE6中使用Fiddler2和httpWatch监视请求.常常会出现"aborted",折腾特么一个晚上..... . 不说废话了.... 解决的方法:在标签上加上oncl

终止ajax异步请求——abort()

var xhr=$.ajax(); xhr.abort();//在终止之前要确定xhr不为空

利用闭包实现多次ajax请求只执行最后一次

点一个按钮,则向服务器请求资源,不作处理时,多次点击后会有很多个请求在等待.我们知道一般我们用ajax是异步请求,那么我们快速重复点击一个按钮得到的结果其实我们并不知道是哪次点击的结果可能是第一次可能是最后一次也可能是第二次.那么我们怎么解决这个问题呢,简单粗暴的方法就是在发送请求的时候将按钮disabled在请求完成成功之后解除disabled,那么一旦请求失败请求将一直处于pending状态, 因此考虑的情况就多了success,error,complete等事件,而且不利于用户体验.aja

阻止Ajax多次提交

1.Ajax的abort() xhr = $.ajax({}) if (xhr){ xhr.abort(); } 2.通过在Ajax的beforeSend()方法以及complete()方法添加删除类,对类进行判断,对于两者来回切换的时候,对类的设置不好进行操作上的时候,可以通过使用一个input框,hidden属性,通过值得不同判断要不要进行请求,但是会存在不足,这样不能说只请求最后一次,如果想在多次点击的时候,只请求最后一次可以使用方法1

jQuery 1.9 Ajax代码带注释

/* -----------ajax模块开始 -----------*/ var // Document location ajaxLocParts, ajaxLocation, ajax_nonce = jQuery.now(), ajax_rquery = /\?/, rhash = /#.*$/, rts = /([?&])_=[^&]*/, rheaders = /^(.*?):[ \t]*([^\r\n]*)\r?$/mg, // IE leaves an \r characte

手动停止jquery ajax请求

主要调用jquery提供的ajax abort方法,详细代码如下: <html> <head> <meta charset="UTF-8"> <script src="http://apps.bdimg.com/libs/jquery/1.7.2/jquery.min.js"></script> <script type="text/javascript"> var ajax

bootstrap - typeahead自动补全插件

$('#Sale').typeahead({ ajax: { url: '@Url.Action("../Contract/GetSale")', //timeout: 300, method: 'post', triggerLength: , loadingClass: null, preProcess: function (result) { return result; } }, display: "Value", val: "ID", i

jQuery.validator 详解二

前言:上一篇详细的介绍了jQuery.validator( 版本v1.13.0 )的验证规则,这一篇重点讲述它的源码结构,及如何来对元素进行验证,错误消息提示的内部实现一.插件结构(组织方式) 在讲述如何对元素进行验证前有必要了解它的代码组织方式,请看代码(部分省略) var plugFn = function( $ ) { $.extend($.fn, { // 验证from表单 validate: function( options ) { // ... // 实例化$.validator

jQuery.validator 详解

jQuery.validator 详解二前言:上一篇详细的介绍了jQuery.validator( 版本v1.13.0 )的验证规则,这一篇重点讲述它的源码结构,及如何来对元素进行验证,错误消息提示的内部实现一.插件结构(组织方式) 在讲述如何对元素进行验证前有必要了解它的代码组织方式,请看代码(部分省略) var plugFn = function( $ ) { $.extend($.fn, { // 验证from表单 validate: function( options ) { //

jQuery代码片段

禁用页面右键菜单 $(document).bind('contextmenu', function(){ return false; }); 浏览器判断 $.browser.version $.browser.mozilla.$.browser.safari.$.browser.chrome.$.browser.opera.$.browser.msie 返回顶部 $.fn.scrollTo = function(speed){ var iTop = $(this).offset().top; $

使用jquery.validation+jquery.poshytip做表单验证--未完待续

jqueryValidate的具体使用方法很多,这里就不在赘述,这一次只谈一下怎样简单的实现表单验证. 整片文章目的,通过JQvalidation按表单属性配置规则验证,并将验证结果通过poshytip来更灵活的展示在不同的位置. 这里有个问题通过表单标签定义规则不能实现高级复杂的验证,所以复杂的验证还是要通过js去单个实现. 效果如下: 第一步:为表单配置验证属性,实现验证规则的随心所欲. 目的:通过js的引用配置,可以实现对自己定义的标签属性指定json格式的验证规则. 页面引入js <sc

省市区县三级联动JAVA+MySQL+JQuery

场景介绍: 由于项目要求,需要做一个进件(新增)功能,而该功能里要用到车品牌.车系.车型的联动查询,也就是经典的三级联动. 大体思路如下: 进入页面,会把所有的车品牌(第一级)在后台查询出来,放到缓存,页面在循环遍历,当选中车品牌(第一级)的某一项时,会根据此项异步的调用后台的方法,然后渲染到前台页面的车系(第二级),当选中车系(第二级)的某一项时,也会根据此项异步的调用后台的方法,然后渲染到前台页面的车型(第三级). 当重新选择车品牌(第一级)时,会把车系(第二级)和车型(第三级)置为初始值'

iBase4j前端01_bootstrap-suggest json-server模拟后台数据、bootstrap-suggest环境搭建、开启bootstrap-suggest的post和put请求

1 准备 1.1 模拟的json数据 { "info": [ { "message": "信息", "value": [ { "userName": "淳芸", "shortAccount": "chunyun", "userId": 20001 }, { "userName": "orion-01

埋点 & 数据上报 & 数据异常处理

埋点 & 数据上报 & 数据异常处理如何在用户关闭浏览器前面,发送请求 beforeunload unload https://developer.mozilla.org/en-US/docs/Web/API/Window/beforeunload_event https://developer.mozilla.org/en-US/docs/Web/API/Window/unload_event window.addEventListener("beforeunload&quo

abort终止正在进行中的的ajax请求

核心:调用XMLHttpRequest对象上的abort方法 jQuery的ajax方法有自己的超时时间设置参数: $.ajax({type:'POST', url:'b.php', data:'', timeout:5000, success:function(){ } }) 同时 1. $.get返回的数据类型是XMLHttpRequest,请参考手册.($.post.$.ajax.$.getJSON.$.getScript也同样) 2. XMLHttpRequest对象有abort

ajax.abort 终止AJAX请求

$(document).ready(function () { var ajax; $('#choice').change(function() { if(ajax) { ajax.abort(); } ajax = $.get( 'wait.php', { what : $(this).val() }, function(response) { $('#response').html(response); }, 'html' ); });

mui.ajax返回type为abort

最近在使用h5和mui开发app,发现mui.ajax有一个小bug 情况一: 参数和请求路径无误,但是总是调起失败的回调函数,打印出 type=abort (终止请求) 原因: mui.ajax默认为异步,使用时调整mui.ajax代码位置就解决了 (奇葩的情况) 情况二: 使用mui.ajax 调以成功的回调,但是返回null 但是使用jquery 的 $.ajax 却可以获得数据在网上查了许多资料,有许多人说mui.ajax 存在 bug , 建议使用 mui.post 代替

ajax 有终止请求 abort 那 axios 有没有，怎么实现

见代码 class View extends Component { constructor(props){ super(props); this.state = { cancel:null, cancel2:null } } //简易版 async getApi2(url,cfg,headers){ let data = await axios.get(url,{params:cfg}, { headers: headers }) return data; } // 增加取消版 async g

ajax的 abort()

热门专题