ajax重复发送请求的问题

最新推荐文章于 2024-02-19 10:49:41 发布
VIP文章 最新推荐文章于 2024-02-19 10:49:41 发布
阅读量6.9k 收藏 4
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/huangzhenkun94/article/details/77847671
版权

自己是一个刚从事前端开发工作的技术渣，在做项目完成后，测试发现有一个问题，我检查了一下，发现ajax重复调用一个数据接口，造成多次弹出请求后返回的信息。

自己网上查查了，找到了问题的原因和解决方法，在这里记录下来。

1.造成重复提交原因

由于AJAX提交数据为异步提交，所以当我们点击提交按钮是通过xmlhttprequest向服务器发送异步请求， 发送请求需要有处理时间，我们第一次点击的请求尚未完成，就有接二连三的又提交了几次，同时后来发送的请求同事也被发送到后台处理了，这种情况如果是数据读取则不会有太大影响，但是涉及到数据提交保存或者提交之后多表数据处理就更麻烦了，所以此种情况务必要避免，免得给大家造成麻烦。

2.解决办法

最低0.47元/天 解锁文章
你好陌生人啦
关注
  • 0
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
防止重复发送 Ajax 请求
08-31
本文主要介绍防止重复发送 Ajax请求的方法。具有很好的参考价值，下面跟着小编一起来看下吧
防止ajax重复请求的方法(GET和POST)
10-28
防止ajax重复请求的方法(GET和POST) ,需要的朋友可以参考下。
浅析前端请求中post为什么会发送两次请求？
最新发布
new_handsome的博客
02-19 1046
在前端开发中，有时候会遇到 POST 请求发起了两次的情况，这种情况通常是由于浏览器的预检请求（OPTIONS 请求）导致的，即跨域请求时浏览器会先发送一个 OPTIONS 请求进行预检，然后再发送实际的 POST 请求。另外，还有一种常见的情况会导致 POST 请求发送两次，那就是页面中使用了表单提交的方式触发 POST 请求，同时又通过 JavaScript 代码手动发送了 POST 请求，这样就会导致 POST 请求发送两次。等相关响应头来支持跨域请求，并实现预检请求的处理。
ajax相同,相同的Ajax调用了两次。
weixin_39569051的博客
08-06 347
我有使用JQuery..I米一个问题$.ajax()在我的代码(Function 1)发送字段名和序列号，其通过获取其数据的ctrller$_POST['name']和$_POST['sequenceno']并且与序列表中没有given..And生成预览显示面板更新字段名与插入的字段..现在，我再次尝试更改字段名称。tat是现在，当我单击生成的显示面板字段时，相应的设置将打开，我将尝试立即更改字段...
一个按钮多个ajax,按钮点击后AJAX发送多个请求
weixin_35327421的博客
08-06 744
我只想在我的jQuery代码中单击一次以提交一个提交。我已经阅读了很多关于同一主题的帖子，但我认为我的不同。我确实有一个mouseleave和focusout事件，用于查找用户输入中的错误。这些函数会反馈到多次提交的函数中。我点击mouseleave和focusout的次数越多，我提交的Ajax请求的次数就越多。但我需要mouseleave和focusout继续工作并检查用户输入，这就是我没有使用...
ajax提交防重,jQuery如何防止Ajax重复提交
weixin_36359107的博客
08-06 657
首先说说防止重复点击提交是什么意思。我们在访问有的网站，输入表单完成以后，单击提交按钮进行提交以后，提交按钮就会变为灰色，用户不能再单击第二次，直到重新加载页面或者跳转。这样，可以一定程度上防止用户重复提交导致应用程序上逻辑错误。不妨引深来看，它不一定发生在表单的提交事件上，同样可以发生在ajax的异步请求上。有效地在web客户端采用一定机制去防止重复点击提交，将大大减轻服务器端压力。下面看下代码...
频繁访问同一个接口，为什么反复的一次成功一次失败？
程序员小凡
11-14 2411
遇到有规律的错误出现时，首先查看注册中心是否同时注册了多个服务查看日志打印是否正常，是否可以定位问题平时写代码要养成一个好习惯，重要的业务操作前后增加日志，可以有效提高排错效率。
解决项目中多个页面重复访问同一接口的问题
zhangzhuo1130的博客
08-26 1467
多个页面进入时都要访问queryAll接口，接口返回数据量大，查找方法解决问题 在项目首先加载页面index.html中 <script> if (!sessionStorage.getItem('sessionValue')) { //判断是否请求过queryAll $.ajax({ url: '*******queryAll', type: 'GET', async: false, success: func
ajax调用接口数据错乱的原因及解决方法
nkshuangyuan2012的博客
06-04 7431
        前段时间在做项目的时候遇到一个问题，在开发webapp的时候使用ajax调用后端接口的时候，出现了接口数据错乱的问题，现在总结一下问题描述：        同一个页面同时调用多个接口：A、B、C、D、E，正常返回结果应该是A-a, B-b, C-c,D-d,E-e。在网络环境比较好的时候，没有问题，然而，在网络环境比较差的时候，错误出现了。返回结果中至少有两个接口返回的结果被其他接...
JS中一个方法同时发送两个ajax请求出现报错问题的解决方法
nanke_yh的博客
12-12 1354
​在实现前端显示后端数据时遇到这样一个问题，在js同一个方法中调用2个ajax。其中ajax1与ajax2之间没有联系，但是为了看效果需要同时请求数据显示，如下图ajax1时蓝色线路径规划、ajax2是红色的点，起止点附近的节点。 两个请求独立封装的，为了显示同时按串行请求2个ajax时，出现报错。
防止重复发送Ajax请求的解决方案
10-23
主要介绍了防止重复发送Ajax请求的解决方案，感兴趣的小伙伴们可以参考一下
点击时请求多次ajax,问题场景一：ajax请求时， 一次点击提交两次相同请求
weixin_28902131的博客
08-05 350
ajax请求时，一次点击两次提交的问题解决原代码$(function(){$('#jsStayBtn').on('click', function(){$.ajax({cache: false,type: "POST",url:"/org/add_ask/",data:$('#jsStayForm').serialize(),async: true,success: function(data) ...
避免Ajax多次发送重复请求
热门推荐
Crystalqy的博客
01-16 1万+
第一：多次发送Ajax重复请求 由于系统使用Ajax请求时，没有对Ajax重复请求做处理，导致多次重复发送Ajax请求时，前台数据会出现重复加载的问题。 解决方案： 怎样防止重复发送 Ajax 请求？ 推荐用主动查询状态的方式（A、B，jQuery 为例）或工具函数的方式（C、D）来去除重复操作，并提供一些例子作为参考： A.
解决ajax重复发送相同请求的问题
qq_42524153的博客
11-04 715
重复的相同请求会让服务器压力很大,所以在发送请求前,要判断之前有没有过该请求,如果有,则终止上次该请求 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</ti
ajax请求重复发送问题
weixin_40492102的博客
08-20 587
相同的请求重复发送会影响服务器的处理速度，降低用户体验 例如 index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>ajax 重复发送请求</title&gt
如何防止ajax重复发送请求,怎样才能防止重复发送Ajax请求？
weixin_36119965的博客
08-05 828
简单的回答就是:不要重复发送相同的Ajax请求!如何做到? 那就要有一定的经验和逻辑处理能力Ajax 即“Asynchronous Javascript And XML”(异步 JavaScript 和 XML)，是指一种创建交互式网页应用的网页开发技术。Ajax 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。我们用一个例子来说明一下:现在要求每隔5秒钟用Ajax去向后台请求一次数...
点击时请求多次ajax,通过ajax提交表单，点击按钮一次，ajax提交多次是什么原因？...
weixin_32698563的博客
08-05 275
通过ajax来提交评论，有时候，点击一次按钮(type=button)，ajax会重复提交多次请求，并且重复的次数也不固定，有时候会多次提交请求，有时候不会，不知道是因为使用button按钮的原因还是其他的原因？//提交按钮，是一个的类型$form.find('#commentsubmit').on('click',function(){var content= $.trim(um.getCont...
ajax相同,为什么AJAX有时会发送两个相同的请求
weixin_34982884的博客
08-06 312
我正在使用AJAX很长一段时间，它有时会发送一个请求，然后就像它错误发送另一个请求，第二个请求得到响应，但第一个请求会持续加载到无限(在FireBug上)，并且捕获响应的代码不会被触发... 当您发送请求时，它被另一端处理，但是当您从中获取数据时，它不会始终工作。为什么AJAX有时会发送两个相同的请求这里是代码：function ajaxF(urlr,obradi, data){var xmlHt...
Ajax防止访问过快重复,防止ajax重复请求的方法(GET和POST)
weixin_42514910的博客
08-05 179
/*防止ajax重复请求的GET和POST方法*/jQuery.extend({getx:function(url,data,callback,sender){var params={url:url,data:null,callback:null,sender:null};for(var i=1;iif(arguments[i]!=null){var ptype=typeof(arguments[...
ajax处理重复请求
07-28
在处理Ajax重复请求时，可以采取以下几种解决方案。首先，可以使用主动查询状态的方式或工具函数的方式来去除重复操作。例如，可以在发送请求之前判断是否正在发送请求，如果是，则取消之前的请求。\[1\]在JavaScript中，可以使用XMLHttpRequest对象来发送Ajax请求，并通过设置一个标识变量来表示是否正在发送请求。当点击按钮时，可以先判断标识变量的值，如果为true，则取消之前的请求，然后再发送新的请求。\[2\]另外，还可以使用一个Set来存储正在执行中的请求，每次请求时先查询Set中是否已存在相同的请求，如果存在，则提示重复请求。请求结束后，无论成功还是失败，都需要从Set中删除该请求。这样可以防止重复发送相同的请求。\[3\] #### 引用[.reference_title] - *1* [避免Ajax多次发送重复请求](https://blog.csdn.net/Crystalqy/article/details/79078741)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^koosearch_v1,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [解决重复发送AJAX请求问题](https://blog.csdn.net/qq_54255845/article/details/115560194)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^koosearch_v1,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [前端处理ajax重复请求的几种方式](https://blog.csdn.net/milugloomy/article/details/109502111)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^koosearch_v1,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值