ajax请求导致status为canceled的情况
记录:
!在公司一直用框架,我发现原生的登录注册页面都不太会写了!所以今天遇到了这种情况,让我很烦。在我用ajax发送请求时候,发现请求被取消了,每点1次登录按钮发送请求都是这样,除非很快速的点击很多次则会有几次是好的。这样子可不行。
检查了下我js代码,就这么简单的啊,哪里有问题!
去看了下前端写的代码。不知道问题出现在哪,,抱歉我也只是个新手!!
可能是表单重复提交导致冲突了。
但还是只能百度,遂解决。
解决
将前台写的代码里面 按钮的属性 “submit” 改为 “button”普通按钮就行! 学 ajax异步的时候好像讲过,没用到过就早忘了。
在使用ajax提交表单时要删除submit属性,否则会导致ajax异步执行的时候又submit提交表单。
其他解决方法:
- 将ajax的请求方式改为同步
async: false
ajax请求默认是异步的。 试了解决问题了,但没采用,毕竟我要的就是异步加载,否则我密码输错了页面还加载刷新一次看着烦。 - post请求改为 get请求。但没试过,百度到的。
补充:
1、action = ““不用删除。
2、参考文章里面说要把button拿出来,没必要。我还是放在form里面,没关系的。
3、我ajax请求是在layer.open弹出的页面里面发生的,之前遇到很多关于layer的问题但这次应该没关系。
参考博客:
- 一次偶然的ajax请求导致status为canceled的原因
https://blog.****.net/u010855333/article/details/60766096?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-5&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-5
以上就是作为新手的我本次记录!
-2020年5月7日18:40:50