使用ajax请求后台时,后台执行正常,但是到了页面的请求状态变为了【canceled】
示例:
经排查后发现是由于使用了form标签导致的。删除form标签,手动提交参数后问题解决。
原因:
由于在提交时,form action与绑定于button上的click事件会同时触发。form action将表单内容以serach的形式追加至当前url上,url变更后会导致页面重新加载, 而这正是导致post请求在执行后就被终止的原因。
总结:
1.在URL变更后,会对当前正在执行的ajax进求进行中止操作。中止后该请求的状态码将为canceled
2.在使用到ajax的时候,尽量不要在form内使用button进行提交,这些特殊的标签在特定的情况下往往会有让你迷茫的时候。
参考:https://blog.csdn.net/u010855333/article/details/60766096/