HTML设置自动跳转后无反应,实际项目中html跳转无响应原因及解决方案总结

博主自学框架不久，经验不多，导致出现非常多的细节，低级问题。本着不要脸精神，为广大自学同胞提供一些低级错误的错误原因以及解决方案。以下带来 springmvc框架下前端html中window.location失效的原因以及解决方案。

首先普通html中window.location跳转失败的原因有以下几个：

1.js中代码字符错误。

2.触发跳转的控件在form表单中或者在submit控件中跳转。

对于上述两个问题的解决方式：

1.正确js如下，请认真核对。

2.在使用form表单时，可以直接使用form表单中 action=“”属性进行跳转，如果此方法不能满足需求。可以将form表单

改为 div，然后将submit改为button。

以上普通html中跳转失败，无响应问题百度基本上都有，下面介绍重点。

对于在实际项目中，跳转后，html中window.location失效的原因

对于实际项目中。做了登录验证，

当未查询到session，即未登录情况下，访问任何地址都会转发到localhost:8180/sys/toLogin

然后返回login.html登录页面。但这个方法下的跳转后的地址是原来用户输入访问的路径，用代码验证，跳转钱输出

window.location 信息

观察如上两张图，可有看出，当用户连接时间超时，或者被管理员踢下线时，用户再次刷新页面，或者直接访问localhost:8180/html/main.html时候，是会直接转发到login页面，但地址依据是localhost:8180/html/main.html。此时用户进行登录操作，

此句代码是相当于不执行的。所以会出现正确登录，但却无法跳转到main.html页面

两个解决方案

1.进行判断，清空window.location

但以上方案并不完美。

2.从根源出发。我们首先要明白，重定向和跳转，区别和概念自行百度，博主不过多赘述(其实我也不是很懂)，其中转发地址栏没有变化，而重定向地址栏有变化，这个区别是关键。在servlet中调用重定向的语句如下：

response.sendRedirect("new.html");//重定向到new.html

根据此句，将项目中登录验证中转发改为重定向。

输入localhost:8180/html/main.html 返回页面如下

其中地址也变成了固定的localhost:8180/sys/toLogin

此时，window.location就可以正确跳转了。

ps：第一次写博客，有点紧张，若是文中存在错误，欢迎各位大佬指正。谢谢

HTML设置自动跳转后无反应,实际项目中html跳转无响应原因及解决方案总结相关推荐

Maven 手动安装JAR包到本地maven仓库后，但在项目中依旧报错找不到JAR包解决方法
Maven 手动安装JAR包到本地maven仓库后,但在项目中依旧报错找不到JAR包解决方法参考文章: (1)Maven 手动安装JAR包到本地maven仓库后,但在项目中依旧报错找不到JAR包解决 ...
ajax项目设置,jQuery_ajax预处理_和后置处理；项目中ajax自动设置_token_请求头,_接口响应code的统一处理...
项目中经持发秀事应差互过来商类如处.,到图近就这常会遇到需要统一设置 ajax请求的预处理和需要统一处理ajax返回的需到二新,为都础过过发等宗和发制数事前理业待很理断到屏能击示和站公下图以使箭分 ...
redis 启动无输出_Git Bash 中执行交互式命令无响应
众所周知的原因,Windows下的命令行工具CMD非常难用,所以大家一般用Git Bash作为替代品,但是有时候在其中执行一些命令会出现无响应(无输出结果.无报错信息)的现象,本文将给出该现象的原因及 ...
支付宝接口调试完成后，接入本地项目中
复制这段代码,然后粘贴到本地项目的Handler方法处在pom.xml文件中导入依赖. <!-- https://mvnrepositor ...
设置tableview的滚动范围--iOS开发系列---项目中成长的知识三
设置tableview的滚动范围有时候tableview的footerview上的内容需要向上拖动界面一定距离才能够看见, 项目中因为我需要在footerviw上添加一个按钮,而这个按钮又因为这个原 ...
天视通摄像头设置教程_天视通网络摄像头设置自动获取IP后无法连接电脑,怎么处理?...
1.一般的ADSL宽带是通过ADSL Modem来实现虚拟拨号连接,从而连接互联网的,所谓"本地连接",只的是您的网卡与ADSL Modem之间通过网线实现的局域网连接状态,由于一 ...
【无标题】uniapp中页面跳转白屏微信小程序跳转白屏
微信小程序tab切换白屏这几个图标切换会出现短暂的白屏解决方法如下组件引入 1.先在common 下建立一个文件夹mixin 下 lodaingPlus.vue 组件 <template&g ...
java 无符号类型_java中符号类型和无符号类型的问题分析
一参考博文二 java中的无符号数和有符号数在计算机中,可以区分正负的类型,称为有符号类型,无正负的类型,称为无符号类型. 使用二进制中的最高位表示正负计算机中用补码表示数值:另外,用二进制的 ...
list vue 删除后页面渲染_Vue项目中v-for数组删除第n项元素产生渲染错误问题及解决方法...
项目背景最近使用Vue(版本2.9)开发一个项目时,要生成表单列表,所以使用了v-for来做循环,循环里的元素(item)是一个子组件.同时每个元素都有删除按钮,点击后删除当前元素. 初始代码如下: ...
后端直接跳转前端页面_WEB前端开发中页面跳转等待时间过长如何解决？
作为一个初学前端的小白,我遇到了这个令我疑惑的问题. 项目使用webpack打包并且用webpack-dev-server测试. 在我完成登录功能后发现浏览器在工作中有"偷懒"的嫌 ...

HTML设置自动跳转后无反应,实际项目中html跳转无响应原因及解决方案总结

HTML设置自动跳转后无反应,实际项目中html跳转无响应原因及解决方案总结相关推荐

最新文章

热门文章