[问题记录]ajax请求导致status为canceled!

记录:

！在公司一直用框架，我发现原生的登录注册页面都不太会写了！所以今天遇到了这种情况,让我很烦。在我用ajax发送请求时候，发现请求被取消了，每点1次登录按钮发送请求都是这样,除非很快速的点击很多次则会有几次是好的。这样子可不行。


检查了下我js代码，就这么简单的啊，哪里有问题！
去看了下前端写的代码。不知道问题出现在哪，，抱歉我也只是个新手！！

可能是表单重复提交导致冲突了。
但还是只能百度,遂解决。

解决

将前台写的代码里面 按钮的属性 “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的问题但这次应该没关系。

参考博客：

1. 一次偶然的ajax请求导致status为canceled的原因

以上就是作为新手的我本次记录！
-2020年5月7日18:40:50