js快速多次异步访问后台同一个接口

最新推荐文章于 2024-06-21 14:29:49 发布
最新推荐文章于 2024-06-21 14:29:49 发布
阅读量6.9k 收藏 2
点赞数 1
分类专栏： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/w820896059/article/details/80662329
版权

js快速多次异步访问后台同一个接口，后台报错，需要谨防多线程修改资源冲突问题

连续多个异步访问同一个接口，该接口调用别的类实例，spring容器都是单例模式，故一个实例的一个方法被同时调用，该方法内成员变量是两个内存对象，访问修改没有冲突，如果该方法修改了该实例对象的成员变量，因为是单例，所以访问了同一块内存成员变量，就会产生冲突。

解决办法是把类成员写到方法内成员，或者加锁

 

 

一直很很安静
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
通过队列把同一个接口多次并行调用改为串行调用
beanLau的博客
12-27 2932
1、需求描述 小程序中实现答题功能，页面中只显示一道题（都是单选），用户选择答案以后提交用户该题的答案，并切换到一下题。 2、问题 后台接口控制同一用户，同一个接口，在未响应之前不可再次调用。所以如果用户答题特别快（乱点）会造成同一接口并行调用。请求会直接被拦截，导致用户答案没有保存成功。 3、解决方案 定义页面全局变量promiseQueue:[]，用来将来保存需要执行的回调。定义hasResp...
Axios异步并发（多个不同接口/同个接口频繁点击）导致数据覆盖的解决方法：取消重复请求，只保留最后一次请求
qq_16785561的博客
04-21 4990
前端开发过程中通常使用同步方法（loading）来防止此类问题，但架不住产品经理要求交互友好，拒绝遮罩，必须使用异步，以同一个接口频繁请求为例（频繁点击table不同行，触发行点击事件请求接口）：假如触发了两次，第一次接口5s返回数据①，第二次1s返回数据②，那么先获取到②赋值到页面，这时①数据接收到了，会覆盖②的数据。 axios中可以使用拦截器统一处理。本文提供的思路就是利用 axios interceptors API 拦截请求，检测是否有多个相同的请求同时处于 pending ...
在循环中调用接口/异步函数,等到全部返回后再进行下一步操作.
最新发布
weixin_47155055的博客
06-21 212
在循环中调用接口/异步函数,等到全部返回后再进行下一步操作.封装接口,用promise返回。
js循环请求同一个接口
shengjunlintianxia的博客
01-25 2335
备忘录 原来的： 加上async await 网上抄来的示例改了一下下： let outer = ['out1','out2','out3'],inner = ['in1','in2','in3']; async function runTask(){ const timeout = ()=>{ //关键是promise return new Promise(res=>{ setTimeout(()=>...
js promise执行的时候，如果调用一个接口，这个接口可能受到网络等各方面的影响，造成接口出错，如果保证接口重试具体次数时，才去执行promise的resolve()，本文将呈现一个自动重试的方法
xiaoxiaofly的博客
11-11 1522
function autoRetry(func, retryMax) { retryNum = 0; let funcName = 'foo' return funcR = function () { let params = arguments; return new Promise((resolve, reject) => { func(...params).then(result => { resolve.
如何提升JavaScript循环的运行速度
dianzongfan5428的博客
06-07 176
Nicholas为您讲解如何提升JavaScript循环的运行速度! 根 据Nicholas的说法，有四种代码会拖慢脚本的运行，并最终导致脚本失控。分别是次数过多的同步循环、庞大的函数体、不恰当的递归和不合理的DOM调用。这篇着重讲第一个原因。最后给出了一个开发模式，替换传统的循环结构，可以完全避免脚本失控的状况发生。 【原文标题】Speed up your JavaScrip...
异步提交多文件上传
04-13
1. **多文件上传**：多文件上传是指用户可以在一次操作中选择并上传多个文件，而不是逐个上传。这提高了用户体验，减少了用户的交互次数。在HTML5中，`<input type="file" multiple>`标签被引入，使得浏览器支持多选...
一个多次搜索+多次传值的解决方案
12-10
在这个场景中，开发者面临的是一个涉及JavaScript（JS）、Ajax以及可能的XML数据库的挑战。问题的核心是如何实现一个用户友好的、多步骤的搜索和数据传递功能。下面我们将详细探讨这个解决方案。 首先，用户需求是...
JavaScript 异步时序问题
01-22
不知你是否遇到过，向后台发送了多次异步请求，结果最后显示的数据却并不正确 – 是旧的数据。 具体情况: 用户触发事件，发送了第 1 次请求 用户触发事件，发送了第 2 次请求 第 2 次请求成功，更新页面上的数据 ...
javascript 异步的innerHTML使用分析
10-29
3. **文档片段减少渲染次数**：通过文档片段，可以将多个节点一次性添加到DOM，减少浏览器重新渲染的次数，提高性能。 4. **兼容DOM标准**：回调的节点可以通过DOM标准的方法（如appendChild）插入，解决了像IE中...
Javascript与多线程
飞鸟Blog
11-26 1万+
副标题：Javascript异步通信的实现原理与multi-node （学习心得，不敢独享，欢迎指正） 两个问题： 1、Node编程中所有通信都是异步执行的，如果某个事件的响应函数需要操作全局变量，则多个回调同时运行时怎么实现同步？ 2、群里里面的兄弟“老狗”发现了一个项目：multi-node，即使用可以用其编写多线程的网络服务。 但是node本来就是异步的，为什么还需要多线程？
jS多次请求同一个的接口的解决方案
weixin_44082271的博客
06-28 1009
问题描述：在开发中需要多次请求某一个相同的接口，但是不能多次请求同时执行，需要等待上一次请求结束再执行新的请求。，await会等待Promise中执行到resolve时，再进行下一步操作。，然后在将请求接口封装在Promise中，在调用Promise前加上。解决方法： 在函数名前面使用。
JS异步编程最佳实现方法 (附:异步方法如何循环调用)
finedayforu的博客
12-25 1309
目前来说,JS实现异步编程的最好方法还是: ①. Promise , ②. aysnc await方法 基本原则:如果只用Promise, 那异步过程只在Promise里, 如果想执行Promise后返回结果, 那就用 aysnc/await 调用Promise Promise 方法 简单说，它的思想是，每一个异步任务返回一个Promise对象，该对象有一个then方法，允许指定回调函数。比如...
JS - 异步多次触发导致结果错乱问题
牧码的博客
09-16 1261
当用异步线程处理业务时，比如：在实时搜索用户的信息时，至少找到一个用户，正常显示匹配的用户；如果一个都找不到，则显示“暂无数据”；好，问题来了，假如这里有 A、B 两个异步请求，假设 A 是一个都找不到的情况，B 是至少找到一个用户，而且 A 先开始请求，B 再请求，但 B 先返回，显示找到的用户，但此时 A 又回来了，显示 "暂无数据"，按理说此时的正确答案应该是：找到用户的情况，因为 B 是...
如何提升JavaScript运行速度（循环篇）
chenping0895的博客
04-16 661
根据Nicholas的说法，有四种代码会拖慢脚本的运行，并最终导致脚本失控。分别是次数过多的同步循环、庞大的函数体、不恰当的递归和不合理的DOM调用。这篇着重讲第一个原因。最后给出了一个开发模式，替换传统的循环结构，可以完全避免脚本失控的状况发生。 在我 上一篇帖子（译文）中，...
【知识整理】多次请求同一数据接口时导致数据渲染混乱的web前端解决方案(示例代码以vue.js开发为例)
热门推荐
qq_19891827的博客
09-18 1万+
一。在进行前端开发过程中，经常会遇到需要请求同一个数据接口但不同参数的需求，这种情况下当用户通过页面操作频繁请求该接口，而接口的不同参数响应时间差异较大时，容易引发数据渲染混乱的bug。 举例说明：假设页面上有button1,button2两个按钮，点击这两个按钮会请求同一个后台接口，但发送的参数不同，由于参数的不同后台操作数据库的查询语句会有一定差异，这就导致了不同的查询操作耗时可能差异巨大。再...
promise解决重复调用同一接口（同步）
codezha的博客
06-01 4880
前端实现多次调用同一个接口，所有数据均成功返回后，才可继续执行下面的代码 封装请求数据方法 getData(param) { return new Promise((resolve, reject) => { this.$axios .get(`/xx/xx/xxpath/${param}`) .then(res => { let content = res.data reso
vue 多个页面调同一个接口，传不同的参数，使用 Vuex 来实现传不同参数调统一接口
小白菜的博客
07-10 4941
1、在 api 文件夹下的 api.js 下 import https from "@/utils/axios"; // 引入在 utils下的 axios.js 中封装的请求 export const pageOfInfoAtES = function(params) { let url = "/xxx/pageOfInfoAtES"; return https(url, params, "post"); }; 2、在 store文件夹下的 modules文件夹下新建 getInfo.j
js中的map方法内使用异步（调用接口）
weixin_43640258的博客
08-13 6960
js中的map方法内使用异步（调用接口）js中的map方法内使用异步（调用接口） 2019/08/13 js中的map方法内使用异步（调用接口） map方法里执行的是同步函数，若是想要使用异步，可以使用关键字async await 直接贴代码（我使用的是axios库调用接口） arr.map( async (item, index) => {//函数使用async关键字 ...
vue 项目登录成功第一次点击菜单会加载所有的js
09-03
Vue项目登录成功后，首次点击菜单会加载所有的js文件。这是因为Vue使用了懒加载的机制，即按需加载。在首次点击菜单时，由于页面跳转或者组件切换，需要加载相应的代码才能正确渲染页面或者组件。 懒加载的原理是通过Webpack的动态import语法，将代码分割成多个小代码块，只在需要的时候才会去加载对应的代码块。这样可以降低首次加载的代码量，提高页面加载速度和性能。 在Vue项目中，一般会将路由与组件一一对应，每个菜单对应一个路由，每个路由加载对应的组件。当用户点击某个菜单时，会根据路由配置动态加载对应的组件代码。首次点击菜单时，由于之前没有加载过该组件的代码，所以需要加载所有该组件所需的js文件，以保证页面的正确展示。 值得注意的是，首次加载所有js文件可能会导致页面加载时间较长，给用户带来不好的体验。为了解决这个问题，我们可以采用预加载或者按需加载的方式。预加载是指在页面加载过程中，提前加载可能会用到的代码块。按需加载是指在用户操作触发需要的代码块之前，在后台异步请求加载相应的代码块。这样可以在不影响用户操作的前提下，提高页面加载速度和性能。 总结来说，Vue项目登录成功后首次点击菜单会加载所有的js文件，这是为了保证页面或组件的正确渲染。但为了提高用户体验，可以采用预加载或者按需加载的方式来优化页面加载速度。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值