问题描述:在使用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进行提交,这些特殊的标签在特定的情况下往往会有让你迷茫的时候。