1. 程式人生 > >ajax實現提交資料並且不跳轉

ajax實現提交資料並且不跳轉

<form id="myform" action="submit.php" method="post">
<textarea name="saytxt" rows="2" cols="40"></textarea>
<input type="submit" value="提交"/>
</form>

如上方所示,首先還是建立表單。傳統的方式,傳送資料後頁面會跳轉到submit.php。

如果頁面的載入函式,$(function() ……  返回了一個false,資料將不會發送,也就是action不執行。

類似

<form id="myform" action="submit.php" method="post" onsubmit="return false;">
這種情況下,action=什麼已經沒有意義了,只要合法就好。

這句話放在ajax語句執行完後就可以了


上面的ajax檔案將資料post到submit.php同時返回html型別資料,如果成功返回就講執行success裡面的函式,下面的return false禁用了action的功能,所以頁面並沒有發生跳轉哦。