异步ajax请求的顺序处理方法

最新推荐文章于 2021-10-21 00:15:20 发布
最新推荐文章于 2021-10-21 00:15:20 发布
阅读量1.2k 收藏 1
点赞数
分类专栏： ajax 文章标签： ajax 异步 异步数据返回顺序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Kevin_like/article/details/52124497
版权

业务问题：

这次业务中遇到的一个问题：

  • 用户可以选择四个条件来获取数据
  • 默认有四个条件
  • 当每次点击条件的时候都能够异步请求数据
  • 但是前端会根据最后一次点击异步返回数据，并且将该数据呈现在也页面上，但是异步请求的顺序并不能保证最后一次点击的数据会在最后一次返回来，这样的话，可能返回的最后一个数据不是最后点击需要的数据

总之需求：如何判别这是异步请求回来的数据是用户最后一次点击请求的

办法： 前端用一个变量保存最后的一个四个条件名，并且后端返回的数据中随带着点击的四个条件，如果该ajax返回的数据中的四个条件值与前端保存的四个条件相等，则我们将该返回数据覆盖到我们要呈现的数据上。
ps：后续我会将代码发出来供参考……

Kevin_like
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
用Promise解决多个异步Ajax请求导致的代码嵌套问题(完美解决方案)
10-20
在前端开发中，异步Ajax请求是获取服务器数据的常见手段，然而，当存在多个依赖性的Ajax请求时，代码很容易陷入深度嵌套，这被称为“回调地狱”或“金字塔问题”，降低了代码的可读性和可维护性。Promise 是...
防止重复发送Ajax请求的解决方案
10-23
然而，这种方法仅适用于jQuery的Ajax请求，对于非jQuery的Ajax实现，需要自定义处理机制。此外，调用`abort`会触发`error`回调，可以通过检查错误类型来区分是否因`abort`被取消。 ```javascript var ajax = $.ajax...
相同异步请求，只处理最后一次请求
STRIVE_LC的博客
10-21 827
在我们日常开发中，经常会有搜索框过调用接口获取数据展示，除了做必要的防抖处理外，还有我们经常忽略的一个问题：用户在输入时，因为用户输入时的停顿就会调用了几次接口，但是输入完成后，这个接口可能由于网络波动等各种原因出现调用时长较长的情况，那么就会展示之前的接口数据，很显然用户输入完成后展示之前的数据肯定是不行的，我们需要去避免这种情况，想到了一种方法可以判断出是否是最后一次请求 （该方法需要后端配合）再去显示真正需要显示的数据，以免对用户造成困扰 直接上demo ...
ajax多次触发，过滤出最后一次的结果
waterCube的博客
07-23 2261
1、取消之前的ajax请求 在ajax请求未响应之前可以用xhr.abort()取消，但如果请求已经到达了服务器端，这样做的结果仅仅是让浏览器不再监听这个请求的响应，但服务器端仍然会进行处理 var searchAjax; if(searchAjax){ searchAjax.abort(); searchAjax == null; } searchAjax = $.ajax(...
ajax 多次调用1个接口 要最后一次请求的数据
who_become_gods的博客
11-19 566
定义一个字段 num 来记录调用次数 data() { return { num: 0 }; } 在事件里 1、本身就是异步的请求 click(){ this.num++ var a = this.num this.$axios.get(this.GLOBAL.url + "schedules/port/getAreaDetails",{ headers: { Authorization: this.getToken() },
如何判断多个Jquery.ajax全部请求完毕？
竹杖芒鞋轻胜马，谁怕？一蓑烟雨任平生
11-08 7813
抛出问题？ 想在网页数据加载完成之前显示loading，待所有数据加载完成清除loading，一个页面有多个ajax异步请求，怎么判断全部请求都完成了？ 方法一：添加一个计数，ajax请求完成后计数+1，并在每次请求完成后都判断计数是否为所有ajax的数量，满足就清除loading (function () { var count = 0; var result = {}; $.get(‘http...
ajax 多个异步请求的执行顺序
Fighting_xr的博客
05-24 5727
首先提出一个问题：点击页面上一个按钮发送两个ajax请求，其中一个请求会不会等待另一个请求执行完毕之后再执行？　　答案是：不会，这两个异步请求会同时发送，至于执行的快与慢，要看响应的数据量的大小及后台逻辑的复杂程度。　　从异步请求的执行原理来看，我们知道当一个异步请求发送时，浏览器不会处于锁死、等待的状态，从一个异步请求发送到获取响应结果的期间，浏览器还可以进行其它的操作。这就意味着多个异步请求的...
ajax 同步请求和异步请求的差异分析
09-05
对于异步请求，错误处理通常在回调函数中进行，而同步请求则可以在请求完成后立即检查状态并处理错误。 总的来说，理解AJAX的同步和异步请求的区别是开发高效、用户友好的Web应用的关键。选择合适的请求类型，结合...
详解JavaScript for循环中发送AJAX请求问题
10-22
保持AJAX请求的异步性，但在每次迭代中创建新的XMLHttpRequest对象。这是因为同一个XMLHttpRequest对象不能同时处理多个请求。例如： ```javascript xmlHttp = creatXMLHttpRequest(); ``` 每次迭代时创建新的...
怎么控制ajax执行先后顺序,[转]多个ajax请求时控制执行顺序或全部执行后的操作...
weixin_42442651的博客
08-05 1051
一、当确保执行顺序时：1、请求加async: false,，这样所有的ajax就会同步执行，请求顺序就是代码顺序2、$.when($.ajax({async: false，url : url1}), $.ajax({async: false，url : url2})).done(function(){alert("done");}).fail(function(){alert("fail");}...
多个Ajax请求如何控制执行顺序
qq_27484763的博客
11-20 1253
在Ajax请求中加入一个属性async:false, 表示将异步执行改为同步执行，同步执行的顺序按照代码中所写的顺序
一般处理程序ashx 处理JQuery的Ajax()请求
ailo555的专栏
11-22 3990
一般处理程序ashx 处理JQuery的Ajax()请求： 一、 获取Ajax传过来的参数： （1）如果Ajax方法的type属性值为get，则用context.Request.QueryString[“参数”]； （2）若type属性值post，则用context.Requst.Form[“参数”]； 而context.Requst.Params[“参数”]两种都可以。 二、
【Ajax】多次异步请求的顺序以及回调处理问题
张育嘉的博客
01-04 1653
背景 通过搜索框进行检索：触发发送检索请求的事件是keyup，也就是当按完每个键之后发送一次检索请求。 问题 在输入框输入内容，然后快速地删减，有时会发现列表显示的数据和检索的关键字并不匹配；而缓慢地操作则不存在这个问题 比如输入“我是中国人”，列表的统计数显示20W条数据；而“我”，则显示有30W条数据；而当快速改变输入框内容时，这两个关键字检索出来的数据量有时不会和原来保持一致。 分析 通过浏...
Ajax异步加载时需要注意代码执行的顺序！！！
超悦人生
12-08 1912
JQUERY的ajax分为同步请求和异步请求，同步的意思是当JS代码加载到当前ajax的时候会把页面里所有的代码停止加载，页面处于假死状态，当这个ajax执 行完毕后才会继续运行其他代码页面假死状态解除。这时候代码是顺序执行的，不用考虑代码的执行顺序问题。而ajax默认是异步执行的，即ajax代码运行中的时候其他代码一样可以运行。这时候就必须要考虑代码的执行顺序问题了。 同步和异步加载可以通过j...
利用ajax实现服务端异步任务状态监听
嗡汤圆的博客
10-15 2835
项目中为了改善用户体验，一些耗时操作常常会使用异步方式执行，但是一旦将任务放入后台，用户就不能及时得到任务执行的结果。所以需要涉及一种方式能够持续跟踪任务的进行情况。每个监听任务会被分配一个任务ID，在任务监听结束后被释放。全局监听器的实现基于单例模式设置一个HashMap能被系统全局访问用于存放任意任务的监听数据。同时Value部分使用特殊特殊结构。结构设计即HashMap中的Value存储的部分
关于两个包含ajax的函数执行顺序
heerey525
03-22 1303
情况：a()和b()排列，有时候b()内部先执行 function a(){ $.ajax({}) }; function b(){ $.ajax({}) }; a(); b(); 原因：因为ajax默认是异步的 a()和b()执行的先后顺序，最后取决于他们内部请求的url何时返回数据，网络延迟有影响，先后顺序。 解决方案： 方案一：将b()放入a()内请求回...
多个异步请求执行顺序问题。
qq_39056805的博客
06-04 5779
情景一：多个异步请求，伪代码：Ajax1(); Ajax2(); Ajax3();这三个Ajax请求并没有顺序问题，也就是2和3并不会等第一个Ajax请求完成再去执行，如果想要达到顺序执行的效果，可以通过回调函数来完成，伪代码：...
前端不会这个就别想着还房贷了？论怎么让异步请求按请求顺序返回
weixin_34194551的博客
03-26 162
昨天晚上小伙伴发了我一个文章，标题很吓人，叫《如果你想靠前端技术还房贷，你不能连这个都不会》，刚好戳中了我这个潜在富一代买不起房的痛点。吓得我赶紧点进来看了一下，吭哧吭哧大概花了三个小时才搞出来，做完又开始发愁了，房贷可能交得起了，这首付是国家发还是自己领呢。 好了不扯了回到正题 问题 知乎地址 zhuanlan.zhihu.com/p/25259283 某个应用模块由文本框 input，以及...
顺序发送异步请求、同时发送异步请求;apply()与call()的区别
weixin_34252090的博客
02-19 274
为什么80%的码农都做不了架构师？>>> ...
ajax同步请求和异步请求的区别
最新发布
09-08
ajax同步请求和异步请求的区别主要体现在请求的方式和处理的方式上。 同步请求是指在发送请求后，页面会停止加载，直到服务器返回响应结果后才会继续加载。在同步请求中，页面会一直等待响应返回，并且请求和响应是顺序进行的。同步请求的优点是可以确保请求和响应的顺序，但缺点是在等待响应时页面会出现卡顿或假死现象，用户体验较差。 异步请求是指在发送请求后，页面可以继续加载，而不会停止等待响应结果。在异步请求中，请求和响应是并行进行的，不会影响页面的加载和用户的操作。异步请求的优点是可以提高页面的响应速度和用户体验，但缺点是无法确保请求和响应的顺序。 在处理方式上，同步请求会阻塞浏览器的UI线程，用户无法进行其他操作，直到请求完成。而异步请求会在后台进行，不会阻塞浏览器，用户可以继续操作页面。在处理请求结果时，同步请求会直接返回请求的结果，而异步请求需要在回调函数中处理请求的结果。 综上所述，ajax同步请求和异步请求的区别在于请求的方式和处理的方式。同步请求在等待响应时会阻塞页面加载，而异步请求可以在页面加载的同时进行请求。同步请求可以确保请求和响应的顺序，但用户体验较差，而异步请求可以提高页面的响应速度和用户体验，但无法确保请求和响应的顺序。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值