thymeleaf模板,页面之间跳转的问题?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了thymeleaf模板,页面之间跳转的问题?相关的知识,希望对你有一定的参考价值。

如图,在点击提交后,判断其输入信息是否完整,然后发送post请求。问题在于:click时间触发后,并且post请求成功,在用debug调试时,res.code == 0为true,往下执行,这句代码$('#submit').attr('href','/ftService0/registered_second_step');是给a标签加的,但还是跳转不成功,然后再次点击就会跳转,但是二次点击跳转sessionStorage中的数据就没有了。主要问题:单独执行$('#submit').attr('href','/ftService0/registered_second_step');就可以直接跳转,是因为post和它冲突吗?想知道原因及解决办法。

单独执行$('#submit').attr('href','/ftService0/registered_second_step')怎么可能跳转呢?
这只是属性操作而已,也是要点击跳转的
自动跳转用window.location.href = '/ftService0/registered_second_step';
另外你sessionStorage的数据 你要看 在你跳转前有没有保存 成功 ,跳转后有没有删除的操作追问

刚才跳转用window.location.href成功了。但是有个问题:

sessionStorage存储一个字符串就可以在下一个页面拿到。如果存储对象就拿不到,怎么回事?用的是JSON.stringify()和JSON.parse()方法,在网上看到说对象用这个

追答

sessionStorage.setItem 要在跳转之前 使用
另外 保存sessionStorage是需要时间的
立刻跳转可能会导致 没保存上就跳转了

参考技术A click执行顺序是先于href。

舍弃href属性,在<a>标签中使用onclick方法:οnclick="window.location = 'URL' ",href:"###"

以上是关于thymeleaf模板,页面之间跳转的问题?的主要内容,如果未能解决你的问题,请参考以下文章

SpringBoot入门篇--使用Thymeleaf模板引擎进行页面的渲染

如何减少页面之间跳转的延迟(片段/活动)

在springboot整合thymeleaf模板引擎中@Controller和@RestController不同注解的跳转页面方法

Vue方向:路由跳转的三大方式以及它们之间的区别

织梦在选择一级导航时直接跳转的二级导航第一个栏目的页面

Javascript实现页面跳转的几种方式