主页 > 知识库 > Ajax提交表单页面刷新很快的解决方法

Ajax提交表单页面刷新很快的解决方法

热门标签:电子围栏 银行业务 阿里云 Linux服务器 科大讯飞语音识别系统 Mysql连接数设置 服务器配置 团购网站

注:使用ajax 提交表单时 type类型最好不用submit 用button合适

form>
   div 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 PHP无刷新form表单提交的简单实现(推荐)
  • Ajax提交表单时验证码自动验证 php后端验证码检测
  • jQuery ajaxSubmit 实现ajax提交表单局部刷新
  • jQuery实现form表单基于ajax无刷新提交方法详解
  • Jquery中ajax提交表单几种方法(get、post两种方法)
  • jquery validate和jquery form 插件组合实现验证表单后AJAX提交
  • jquery ajax 如何向jsp提交表单数据

标签:江苏 萍乡 枣庄 衢州 衡水 大理 广元 蚌埠

巨人网络通讯声明:本文标题《Ajax提交表单页面刷新很快的解决方法》,本文关键词  ;如发现本文内容存在版权问题,烦请提供相关信息告之我们,我们将及时沟通与处理。本站内容系统采集于网络,涉及言论、版权与本站无关。
  • 相关文章
  • 收缩
    • 微信客服
    • 微信二维码
    • 电话咨询

    • 400-1100-266