在表单中使用ajax,成功后跳转指定页面 出现Provisional headers are shown 解决办法

时间:2021-03-20 15:55:47

问题回顾: 在表单里面,有个button按钮,在点击这个button的时候,我发送了ajax请求,然后请求成功的话,就使用window.location.href = xxx,跳转到其他页面

但是,一请求这个目标页面,就会触发Provisional headers are shown  ,在chrome里的network里看 请求被取消了

解决方法1:表单标签对于我是没有任何的作用,直接将表单标签删除,就可以解决问题。

原因:这是因为触发了表单的提交事件,在ajax请求成功后,最后又执行了表单的提交事件,表单直接请求的本页,将之前的请求给覆盖了

解决方法2:我们是有追求的码农,如果我们不想把表单这个标签个删除了,那么怎么办呢,我们可以在有ajax请求的那个方法最后返回一个false, 意思是不触发表单提交事件。

扩展:如果是直接从后台跳转到指定的页面是没有问题的,但是从前端来判断就会出现上面的情况。