ajax请求导致status为canceled的情况

记录:

!在公司一直用框架,我发现原生的登录注册页面都不太会写了!所以今天遇到了这种情况,让我很烦。在我用ajax发送请求时候,发现请求被取消了,每点1次登录按钮发送请求都是这样,除非很快速的点击很多次则会有几次是好的。这样子可不行。
ajax请求导致status为canceled的情况
ajax请求导致status为canceled的情况
检查了下我js代码,就这么简单的啊,哪里有问题!
去看了下前端写的代码。不知道问题出现在哪,,抱歉我也只是个新手!!
ajax请求导致status为canceled的情况
可能是表单重复提交导致冲突了。
但还是只能百度,遂解决。

解决

将前台写的代码里面 按钮的属性 “submit” 改为 “button”普通按钮就行! 学 ajax异步的时候好像讲过,没用到过就早忘了。
在使用ajax提交表单时要删除submit属性,否则会导致ajax异步执行的时候又submit提交表单

其他解决方法:

  1. 将ajax的请求方式改为同步 async: false
    ajax请求默认是异步的。 试了解决问题了,但没采用,毕竟我要的就是异步加载,否则我密码输错了页面还加载刷新一次看着烦。
  2. post请求改为 get请求。但没试过,百度到的。

补充:

1、action = ““不用删除。
2、参考文章里面说要把button拿出来,没必要。我还是放在form里面,没关系的。
3、我ajax请求是在layer.open弹出的页面里面发生的,之前遇到很多关于layer的问题但这次应该没关系。

ajax请求导致status为canceled的情况

参考博客:

  1. 一次偶然的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