在使用jQuery進(jìn)行表單提交時(shí),有時(shí)候需要在表單提交成功之后進(jìn)行頁面跳轉(zhuǎn)。這時(shí)候可以使用jQuery的回調(diào)函數(shù)實(shí)現(xiàn)。
假設(shè)我們有一個(gè)簡單的表單:
<form id="myform" action="submit.php" method="post"> <input type="text" name="name" /> <input type="text" name="email" /> <input type="submit" value="提交" /> </form>
我們可以使用下面的代碼來提交表單:
$(document).ready(function(){ $("#myform").submit(function(){ $.post($(this).attr("action"), $(this).serialize(), function(data){ alert("提交成功!"); window.location.href="success.html"; }); return false; }); });
上面的代碼中,我們使用了jQuery的$.post方法來提交表單,并在提交成功之后彈出提示框,然后跳轉(zhuǎn)到成功頁面。
需要注意的是,我們在$.post方法的回調(diào)函數(shù)中使用了window.location.href來實(shí)現(xiàn)頁面跳轉(zhuǎn)。如果我們直接使用window.location.href="submit.php"來跳轉(zhuǎn)到表單提交的頁面,那么用戶在瀏覽器中的返回按鈕將無法正確地返回到之前的頁面。
總之,jQuery的回調(diào)函數(shù)是實(shí)現(xiàn)表單提交后頁面跳轉(zhuǎn)的一個(gè)非常實(shí)用的工具,可以幫助我們實(shí)現(xiàn)用戶友好的界面和更好的用戶體驗(yàn)。
上一篇div rota=0
下一篇jquery獲得選擇器