這次帶給大家Ajax提交表單頁面後阻止刷新的方法，Ajax提交表單頁面後阻止刷新的注意事項有哪些，下面就是實戰案例，一起來看一下。
#：使用ajax 提交表單時type類型最好不用submit 用button合適
<form>
<p class="col-md-9 col-sm-9 col-xs-12 col-md-offset-3">
<input type="button" class="btn btn-info" value="重置" onclick="return resetaa()">
<input type="button" class="btn btn-success" value="提交" onclick="return formCheck()">
</form>
<script type="text/JavaScript">
function formCheck(){
$.ajax({
type: "post",
url:'/fudaMes/orderInfo/insertOrderInfo',
data:$('#formId').serialize(),// 你的formid
async: true,
error: function(request) {
new PNotify({
title: '提交失败',
text: '信息录入失败',
type: 'error',
styling: 'bootstrap3'
});
},
success: function(data) {
if(data=="success"){
new PNotify({
title: '提交成功',
text: '订单信息已录入',
type: 'success',
styling: 'bootstrap3'
});
}else{
new PNotify({
title: '提交失败',
text: '信息录入失败',
type: 'error',
styling: 'bootstrap3'
});
}
}
});
}
</script>相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！
推薦閱讀：
以上是Ajax提交表單頁面後阻止刷新的方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！
