如何使用submit,进行ajax数据提交
$("form").submit(function (e) {var btn = $("#btn_register").button('loading');
$.ajax({
url: "/Account/Register",
type: "Post",
data: $(this).serialize(),
success: function (obj) {
if (obj.code === 0) {
swal({
title: "恭喜您,注册成功",
text: "",
type: "success",
showCancelButton: false,
confirmButtonColor: "#DD6B55",
confirmButtonText: "好的",
closeOnConfirm: false,
closeOnCancel: false
}, function (isConfirm) {
if (isConfirm) {
window.location.href = "./";
}
});
return;
}
swal({
title: "悲剧了",
text: obj.msg,
type: "error"
});
},
error: function (error) {
swal({
title: "悲剧了",
text: "服务器罢工了吧",
type: "error"
});
},
complete: function () {
btn.button('reset');
}
})
return false;
});
<script type="text/javascript"> $(function() { $('#form1').submit(function() { //当提交表单时,会发生 submit 事件。 //此处可做表单验证 if ($("#username").val() == "") { alert("用户名不能为空"); return false; } var postData = $("#form1").serialize(); //序列化表单,后台可正常通过post方法获取数据 $.ajax({ type: "POST", url: "/member/member/post_member", data: postData, beforeSend: function() { $("#btn-submit").attr("disabled", true);//提交表单前的处理,防止用户多次点击【登陆】,重复提交表单 $("#btn-submit").val("正在登陆..."); }, success: function(msg) { if (msg == 0) { alert('操作成功'); window.location.href = '/member/member'; } else { $("#btn-submit").attr("disabled", false); $("#btn-submit").val("登陆"); alert("用户或密码错误!"); } } }); }); }); </script> <div> <form id="form1" onsubmit="return false;"> //注意:此处必须阻止表单提交 <!--表单内容部分--> <input type="reset" value="重置" /> <input type="submit" id="btn-submit" value="登陆" /> </form> </div>
以上两个差异就是一个是用form标签,一个是用id,在使用id时,注意加上 onsubmit="return false;" 防止重复提交。


浙公网安备 33010602011771号