form表單提交后不刷新頁面


https://blog.csdn.net/yuuuuchang/article/details/78982590?tdsourcetag=s_pcqq_aiomsg

看了上面鏈接的,我只有以下方法才適用。。

  

我們在綁定onsubmit的時候是把return false放進onsubmit后面的調用函數內的, 這樣子如果你的函數出現了錯誤, 將不會繼續執行到函數最后'return false'這里, 還是會出現刷新的現象; 

我們應該把return false寫到綁定事件中. 為了安全起見, 我們可以不用去掉函數的return false.

<form id="err_form" onsubmit="post_data();return false;">
/* ======================= */

====== 如果你用jq

html 代碼:

<form id="err_form">
<input type="text" name="contact" name="address" autofocus="autofocus" placeholder="您的聯系方式?" />
<input type="text" name="title" maxlength="10" placeholder="10字以內的提要 (可不填)" />
<textarea name="errmessage" required="required" maxlength="150" rows="7" placeholder="請輸入問題描述(必填,150字以內)"></textarea>
<input type="submit" id="sub" value="提交" />
</form>
js代碼:

$(document).ready(function() {
$('#err_form').submit(function() { //這次我們這么綁定
var contact = $("input[name='contact']").val();
var title = $("input[name='title']").val();
var errmessage = $("textarea[name='errmessage']").val();
var err_data = {
contact: contact,
title: title,
errmessage: errmessage
}
$.ajax({
// ajax提交代碼....
});
return false; //還是要return false, 跟上面一樣的道理
});
});
 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM