• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    Ajax提交表单页面刷新很快的解决方法

    注:使用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 post请求跳转页面
    下一篇:Ajax打开新窗口被浏览器拦截的两种解决办法
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

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