Ajax请求状态已取消,Ajax回调函数不执行

问题描述:在使用Ajax时,回调函数方法内的代码不执行,f12,结果显示请求状态已取消:

错误代码:

我这里的错误是页面中同时使用了form表单的button标签,并且给button标签绑定了单击事件,
https://blog.csdn.net/u010855333/article/details/60766096?utm_source=app&app_version=4.16.0&code=app_1562916241&uLinkId=usr1mkqgl919blen(看这篇文章得以解决)
解决放法(将form表单中的button标签改为span标签),搞定

至于原因:

而至于为什么status = canceled,是由于在提交时，form action与绑定于button上的click事件会同时触发。form action将表单内容以serach的形式追加至当前url上，url变更后会导致页面重新加载， 而这正是导致post请求在执行后就被终止的原因。

总结：

1.在URL变更后，会对当前正在执行的ajax进求进行中止操作。中止后该请求的状态码将为canceled
2.在使用到ajax的时候，尽量不要在form内使用button进行提交，这些特殊的标签在特定的情况下往往会有让你迷茫的时候。