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