說明

在實現前端的時候，我們有些需求是這樣的：
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;}});</script>

$("form") 會獲取name為form的節點，那么需要給form添加屬性：

<form name="form" method="get">

然后獲取到id的值，判斷其是否為空，如果不為空，則直接跳轉到相應鏈接。
其中，e.preventDefault();函數會阻止表單的提交，因為就算設置了location.href為跳轉，表單仍然會繼續提交。

總結

以上是生活随笔為你收集整理的[jQuery] 根据表单的不同参数跳转不同的链接的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。