[jQuery] 根据表单的不同参数跳转不同的链接

最新推荐文章于 2022-03-28 22:11:47 发布

原创

最新推荐文章于 2022-03-28 22:11:47 发布 · 1.3k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#Jquery #前端

本文介绍如何在前端使用jQuery实现根据表单不同参数进行动态跳转，避免后端处理复杂度，通过获取表单节点属性，判断并执行相应跳转，同时阻止表单默认提交行为。

说明

在实现前端的时候，我们有些需求是这样的：
1. 需要表单来向服务端get或post参数
2. 表单数据不只一个
3. 需要根据不同的提交的数据参数、类型等信息提交到不同

思路

把请求放到后端处理是可以的，但是显然这样处理会增加系统的复杂度，而且还容易将后端的逻辑搞乱，更简单的做法是在前端嵌入jQuery，利用jQuery来处理不同的跳转问题

<script type="text/javascript">
        $("form").submit(function (e) {
   
   
            var $cid = $("#cid").val();
            if ($cid != "") {
                e.preventDefault();
                window.location.href = "/contest/" + $cid;
                return;
            }