页面加载时多个ajax同时请求时出现问题

最新推荐文章于 2024-06-03 16:16:10 发布
最新推荐文章于 2024-06-03 16:16:10 发布
阅读量9k 收藏 4
点赞数
分类专栏： JS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_34824564/article/details/80446662
版权

多个ajax在页面加载时请求，若返回值的名称一致，可能会出现数据冲突的问题，并导致前面的ajax执行报错，这种情况一般要把ajax分开来执行，不建议使用同步操作

如：在ajax的success中调用下一个ajax方法，但这种操作有一定风险性，第一个ajax挂掉的同时也会影响后面的ajax请求，所以应该在error中也做出相应的判断，保证后续方法的正常执行

何博裕
关注
  • 0
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
多次发送ajax 数据混乱,同时发送两个ajax数据有时候混乱？
weixin_29207439的博客
08-05 328
代码如下：/*ajax异步获取方法*/function get(url,options,callback,elem){var xhr=new XMLHttpRequest();/*请求参数序列化*/function serialize(data){if(!data) return '';var pairs=[];for (var name in data){if(!data.hasOwnPrope...
连续ajax请求数据混乱,jquery发送两个异步ajax请求不同的接口，返回的数据交叉错乱...
weixin_39738115的博客
08-05 831
问题：在页面加载后，发送两个$.ajax()请求A、B两个接口，都能请求到数据，但是A接口的返回结果偶尔会出现在B中，这可能是什么原因导致的？现在解决方案有两种，一是把第二个ajax嵌套在第一个的success中。二是用.done()方法处理。主要想研究一下出现问题的原因，看看前后端如何优化。图一图二$(function() {$.ajax({type: 'post',url: baseUrl +...
js控制并发请求的最优解和js控制调用频率，大量请求延迟执行
最新发布
艾小逗
06-03 334
思路：维护一个运行池，一个等待队列，出一个进一个，控制运行池的大小。
连续ajax请求数据混乱,关于jquery:jQuery-Ajax-Post请求连续多个问号特殊数据异常问题...
weixin_39693662的博客
08-05 278
问题场景jquery ajax，非jsonp申请，post数据中json蕴含多个问号，比方“{“a”:“aa??”}”。申请时前端报错，因为jsonp的参数加到了post数据中的??地位，就无奈通过url传入了。报错信息(生产环境)"parsererror" SyntaxError: Unexpected token ':'at eval ()at eval (jquery.js:339)at F...
ajax请求卡主后浏览器崩溃的问题处理
java web
12-10 750
ajax请求卡主后浏览器崩溃的问题处理
解决Ajax 发送多个请求引发的并发问题
04-23
该示例解决了发送多个Ajax请求时引起的并发问题
解决网页多次经过请求数据后，Ajax请求被挂起
g13197895299的博客
03-02 3770
网页多次经过请求数据后，Ajax请求被挂起
关于多个Ajax请求执行返回先后的问题示例探讨
10-25
主要与大家探讨下关于多个Ajax请求执行返回先后的问题,需要的朋友可以参考下
asp.net jqeury Ajax同时多个请求处理
09-01
此demo利用ajax加载数据，当页面加载完毕后在去同时加载12个flash图形控件，如果还没有加载完毕显示loading……，每一个控件加载的时间不一样。也不会出现没有加载的现象。程序文件夹中还包含FusionCharts控件。
浅谈ajax请求不同页面的微信JSSDK问题
10-18
在本例中，A页面和B页面都包含了`wx.config`和`wx.ready`，这可能导致配置冲突，尤其是在B页面的JS代码被A页面的AJAX请求获取并执行时。 问题在于，当你使用AJAX发送数据到B页面处理后，B页面返回的HTML内容包含了...
php ajax mysql 点击加载更多 分页
03-29
在实际应用中，它可能是一个JavaScript函数，通过调用XMLHttpRequest对象或使用jQuery等库来发送AJAX请求，并处理返回的数据，动态更新DOM元素，呈现更多的内容。 综上所述，实现"php ajax mysql 点击加载更多 ...
实例详解Android Webview拦截ajax请求
08-28
Android Webview 提供了页面加载及资源请求的钩子，但是对于 H5 的 Ajax 请求并没有提供干涉的接口。这意味着我们不能在 Webview 中干涉 JavaScript 发起的 HTTP 请求，而有时候我们确实需要能够截获 Ajax 请求并...
两个ajax同时请求后台数据库资源的解决办法
qiumu_story的博客
03-06 529
在开发过程中，前端有可能存在两个ajax同时访问后台数据库资源，引起冲突，会发生数据库传回来的数据缺少某一列的情况。需要注意的是，有可能一个ajax的失败导致后来的ajax不被调用。使用别的方法来代替发生冲突的ajax方法，解决冲突。
为什么浏览器会限制ajax并行请求数量，有办法突破限制吗
z69183787的专栏
04-26 5093
1.为什么浏览器会限制 ajax 并行请求数量？ 答：浏览器发出网络请求需要新开线程，而且可以发出请求的端口数量有限，从开销角度考虑不可能无限发出并发请求；此外如果浏览器不作限制，大量的请求同时发至服务器，也可能超过服务器的处理并发请求的数量阈值（针对单个 IP），从而导致请求失败。 2.有办法突破限制吗？ 答：浏览器的并发请求数目限制针对同一域名，因此可以将请求分散至多个域名，比如将静态资...
JS中一个方法同时发送两个ajax请求出现报错问题的解决方法
nanke_yh的博客
12-12 1426
​在实现前端显示后端数据时遇到这样一个问题，在js同一个方法中调用2个ajax。其中ajax1与ajax2之间没有联系，但是为了看效果需要同时请求数据显示，如下图ajax1时蓝色线路径规划、ajax2是红色的点，起止点附近的节点。 两个请求独立封装的，为了显示同时按串行请求2个ajax时，出现报错。
ajax前面$,连续多次发送Ajax前面的请求被后面的覆盖以致不能执行的问题
weixin_42101720的博客
08-06 321
感谢http://www.jb51.net/article/27610.htm 的文章《ajax同步请求和异步请求的差异分析》。不过在遇到并解决这个问题之前我也还没有分清同步异步的差异咳咳~functionfetchdata(cat,str){varxmlHttp;//问题就在这里xmlHttp=GetXmlHttpObject();varurl;if(xmlHttp==null){alert("...
ajax请求被终止,为什么Ajax请求被中止？
weixin_27565831的博客
08-05 472
我想将Ajax请求发送到服务器并获取HTML文本。我发现服务器成功接收了请求并可以使用DB，但是Ajax请求在某些时候被中止并且无法加载数据。我不知道会发生什么..JSconst listGroup = document.getElementById("list-group");function sendData() {const form = document.getElementById("c...
ajax 并行,AJAX请求不能并行执行使用$ .when（...）
weixin_39540704的博客
08-05 270
我的脚本使大约15个Ajax调用到我的服务器。我希望他们能够并行执行。我试图使用when并行执行一堆Ajax请求，但由于某种原因，它仍然在逐一执行它们。我的代码如下：var requests = $.map(results, function(result, i) {var suggestionContainer = $('' + result + '');resultsContainer.app...
ajax可以发多次请求吗,ajax同一个请求，同时发起多次，只请求一次后台的封装...
weixin_30278943的博客
08-05 1584
今天遇到这个需求，同一页面可能会向后台同时发起多个相同的ajax请求，发起请求的是页面不同的模块，这些模块出现是随机的独立的，我们无法通过如jq的when加载完成数据，再统一处理。总不能同一个ajax都请求一次后台，太浪费资源。实现原理大概是：同时发起多个请求，封装的函数http只接受第一次的请求，并且将每次请求的参数存到数组中，等到请求成功以后，遍历存起来数组中，执行里面的回调函数// 此处仅用...
ajax发送请求流程
07-28
AJAX（Asynchronous JavaScript and XML）是一种在不重新加载整个页面的情况下与服务器进行交互的技术。下面是使用原生JavaScript进行AJAX请求的一般流程： 1. 创建XMLHttpRequest对象：使用`new XMLHttpRequest()`...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值