• 欢迎访问搞代码网站,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站!
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏搞代码吧

Ajax提交表单页面刷新很快实例讲解

php 搞代码 3年前 (2022-01-22) 16次浏览 已收录 0个评论

本文主要介绍了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',<p style="color:transparent">。本文来源gao!%daima.com搞$代*!码网1</p><cite>搞代gaodaima码</cite>       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>

相关推荐:

JS页面刷新的方法总结

几种使用javascript的页面刷新方法

分享Form提交表单后页面刷新不跳转的图文详解

以上就是Ajax提交表单页面刷新很快实例讲解的详细内容,更多请关注搞代码gaodaima其它相关文章!


搞代码网(gaodaima.com)提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected],我们会在看到邮件的第一时间内为您处理,或直接联系QQ:872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:Ajax提交表单页面刷新很快实例讲解
喜欢 (0)
[搞代码]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址