关于表单提交并且实现前端跳转

最新推荐文章于 2023-01-02 19:28:38 发布

原创最新推荐文章于 2023-01-02 19:28:38 发布 · 1.7k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#前端跳转 #逻辑跳转分开 #javascript #表单提交 #后端开发

学习专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一种解决前端JS中按钮点击与form action冲突的方法，即使用JS模拟触发a标签点击事件，实现页面跳转功能。

关于webjava，最近做的项目都是要求逻辑层（control，action）里面不包含页面（路由）跳转，而要求在前端，根据需要选择跳转，这时候，form里面action就是逻辑处理，然而后面各种在提交button里面，通过js或者jquery实现点击跳转都不好使，最后证实是和action冲突，卡了一天了，各种办法都试了，最后想到，模拟触发a标签来实现。亲测可以实现。

前端：

...

<a id="return" href="<%=contextPath %>//process_list.jsp"><span id="atext"></span></a>
<span class="l-30" ><input type="submit" id="sub" value="保存" ></input></span>

script:

$("#sub").click(function()
{
$("#atext").trigger("click");
});