发送Ajax请求后，window。location，失效，无法跳转页面

最新推荐文章于 2021-08-06 18:29:52 发布
最新推荐文章于 2021-08-06 18:29:52 发布
阅读量1.9k 收藏 2
点赞数
CC 4.0 BY-SA版权
分类专栏： 学习 文章标签： bootstrap Ajax form表单
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_43759829/article/details/88362722
本文详细描述了一个常见的前端问题——页面提交后自动重载，通过排查发现是由于提交和重置按钮的class值相同，导致触发了reset事件，最终通过修改class值解决了这一问题。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

在这里插入图片描述
各种调试发现根本就没有进入success中，数据库能成功添加，但就是无法跳转到index.html，发现先页面总是自动重载，但是又没有写reload方法，于是去看前端代码发现：
在这里插入图片描述
提交和重置按钮的class值一样，怀疑是不是触发了reset，导致的重载页面，将class值改变之后发现确实是这样，最终解决问题！
在这里插入图片描述

遇到问题-----JS中设置window.location.href跳转无效
直到世界的尽头
03-13 6万+
问题情况JS中设置window.location.href跳转无效代码如下： function checkUser() { if(2!=1){ window.location.href="login.jsp"; } } 确认预订 原因是 a标签的href跳转会执行在window.locatio
ajax在success中location无法跳转页面问题
zalan01408980的博客
01-15 3506
我在使用ajax的过程中,当返回成功信息的时候在success:function()跳转另一个页面使用了window.location("url")来跳转页面,出现了页面无法跳转的问题 下面是解决方法: $.ajax({             url:"http://...",             dataType:"jsonp",             data:{"fr_usern...
ajax成立不跳转,ajax中用window.location.href不跳转
weixin_30621429的博客
08-06 708
先来看下实例，是一个form表单，提交相关信息后台校验是否正确，如果正确就跳转到相关的页面，如果出现错误就提示错误的信息。下面的实例在chrome浏览器中测试正常，但是到了IE或者火狐，就有很大的几率在接收到返回的正确状态后不进行跳转，开始以为是语法问题不兼容IE浏览器，IE确实不兼容xmlhttprequest对象为json的写法。将这个改了依然无法正常跳转，function accountLo...
使用Ajax接收不到返回值？？？
热门推荐
一往无前的博客
09-19 1万+
flask+layui使用Ajax请求数据不能返回数据（使用Ajax接收不到返回值） 在做一个flask的小项目时页面需要用button按钮请求后台返回数据，于是顺理成章的想到了用layui自带jquery的ajax请求，button代码如下： <form> ... <div><button class="layui-btn" id="loadData">加...
关于ajax中执行 window.location.href不跳转问题
sw3828的博客
12-07 6183
$.ajax({                     url: "/Ajax/System/ajaxcheshi.ashx",                     dataType:'text',   //  datatype: "json",                      type: "post",                     data:user,//,q
ajax请求Session失效问题
10-23
然而，当涉及到用户会话（Session）管理时，AJAX请求可能会引发一些特殊的问题，特别是当Session失效时。本文将深入探讨这个主题，并提供解决方案。 Session是Web应用中用于跟踪用户状态的一种机制。它存储在服务器...
重写 ajax 实现 session 超时跳转到登录页面实例代码
10-19
后端过滤器负责检测并处理Session超时，前端通过监听Ajax错误事件，捕获302状态码并模拟页面跳转，确保无论用户是通过常规链接还是Ajax请求，一旦Session超时都能被正确引导到登录页面。这种做法不仅维护了用户操作...
ajax提交session超时跳转页面使用全局的方法来处理
10-26
总结来说，处理AJAX请求时的Session超时问题，主要分为两步：一是服务器端检测并标记Session超时，二是客户端监听响应并根据标记进行页面跳转。这种方法可以确保无论用户何时何地发起AJAX请求，一旦Session超时，都...
解决session退出、失效后前端ajax请求被shiro拦截器拦截未能跳转重定向到登录页面问题
zf786115的博客
12-21 817
解决session退出、失效后前端ajax请求被shiro拦截器拦截未能跳转重定向到登录页面问题 创建js，加入引用即可。状态包括parsererror、error、success。 $.ajaxSetup({ complete:function(XMLHttpRequest,textStatus){ if(textStatus=="parsererror"){ location.href = "
实现Ajax请求跳转登录的前后端解决方案
要实现Ajax请求失败后跳转到登录页面的功能，可以结合重写Ajax方法和后台返回的状态码。具体操作如下： - 首先，在前端实现Ajax请求时，编写一个重写的`sendRequest`方法，用于处理所有Ajax请求。 - 在`sendRequest...
Ajax中window.location.href无法跳转的解决办法
yuhaiqi666的博客
07-12 3228
实际情况是因为input提交的type种类引起的 按钮是submit的话，会提交form，那么如果你不return false，就会提交两次 如果是button的话那么就简单了不需要return false 以下代码本人copy来的的 $(function () { $("#submit").click(function () { var username = $("#user
关于ajax回调函数里使用window location href的问题
qq_36983822的博客
01-17 4149
有时可能会遇到在后台代码里使用response.addCookie()；添加了cookie，结果当ajax回调成功，使用window.location.href跳转页面的时候cookie丢失不见了。其实是以为你可能跳转的路径和当前的路径不一样，导致cookie不见，因为cookie默认是只在当前页面生效。如果想要在其他页面生效，可以加一个全路径：cookie对象.setPath（&quot;/&quot;）。这样，c...
ajax请求成功后location.href没有跳转
Chooser.or.Choosen
12-07 3608
**错误原因：** 注意起来一个情况：ajax+submit+同步----就是你用ajax请求服务器，而且用的是同步的方式，并且你是通过点击了type类型为submit的按钮来触发这个ajax。这个时候，首先你点击了submit，它会提交表单，但是由于你用了ajax的同步操作，submit的提交被阻塞，ajax先执行，这个时候，如果你在ajax的回调函数（如：success）中写了document.
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值