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

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

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

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

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

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

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

 

posted @   恋在那时  阅读(593)  评论(0编辑  收藏  举报
编辑推荐:
· DeepSeek 解答了困扰我五年的技术问题
· 为什么说在企业级应用开发中,后端往往是效率杀手?
· 用 C# 插值字符串处理器写一个 sscanf
· Java 中堆内存和栈内存上的数据分布和特点
· 开发中对象命名的一点思考
阅读排行:
· PPT革命!DeepSeek+Kimi=N小时工作5分钟完成?
· What?废柴, 还在本地部署DeepSeek吗?Are you kidding?
· DeepSeek企业级部署实战指南:从服务器选型到Dify私有化落地
· 程序员转型AI:行业分析
· 重磅发布!DeepSeek 微调秘籍揭秘,一键解锁升级版全家桶,AI 玩家必备神器!
点击右上角即可分享
微信分享提示