素材巴巴 > 程序开发 >

Ajax异步请求状态为已取消,如何解决

程序开发 2023-09-03 18:35:27

在打开可以进行接口请求时,方法不执行,执行状态为已取消

错误问题

错误原因是在form表单中使用了button标签并且增了点击事件,只需把button标签改为span标签就可以了

再运行就可以走通了

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

因此在使用ajax的时候,尽量不要在form内使用button进行提交,因为在URL变更后,会对当前正在执行的ajax进求进行中止操作。中止后该请求的状态码将为canceled


标签:

上一篇: Vue制作时钟 下一篇:
素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。