注:使用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>
相信看了本文案例你已经掌握了方法,更多精彩请关注其它相关文章!
推荐阅读:
异步的文件或图片上传ajax
ajax实现不刷新登录
以上就是ajax提交表单页面后阻止刷新的方法的详细内容。
