<form>
<input name="a" type="text" />
<input name="b" type="text" />
<input id="sub" type="button" value="提交" class="btn btn-primary" />
</form>
$("#sub").click(function () {
$.ajax({
url: url,
data: $("form").serialize(),
type: 'post',
dataType: "json",
success: function (data) {
if (data == "0") {
alert(111);
}
}
});
});
解决来源:
Ajax post请求返回json数据后,页面刷新的问题解决
在js中没有执行reload操作,然而点击提交按钮却会刷新页面。
情况是:
当你点击提交的时候,其实完成了两个动作,一个是ajax提交数据,另一个是form表单的自动提交,且在form中的action是为空的吧,就提交到当前页面,也就是刷新。
- click(function(){
- //ajax提交
- $.post();
- return false; // 添加该行代码阻止form表单自动提交
- });
复制代码