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

 更新时间:2017年01月03日 14:18:59   作者:jcyzxf  
这篇文章主要介绍了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应用演示和源码下载

    流行的Ajax应用演示和源码下载

    流行的Ajax应用演示和源码下载...
    2006-08-08
  • 如何封装一个Ajax函数

    如何封装一个Ajax函数

    这篇文章主要介绍了如何封装一个Ajax函数,帮助大家更好的理解和学习网络编程,感兴趣的朋友可以了解下
    2021-05-05
  • AJAX 随记

    AJAX 随记

    使用AJAX可以提供无页面刷新便可以从后台更新页面数据,因此可以做出类似桌面应用的效果,但是每用一次AJAX便会用到大量的Javascript语句,今天我把整理了一下,使它变得结构化一些。
    2009-06-06
  • Ajax注册用户时实现表单验证

    Ajax注册用户时实现表单验证

    这篇文章主要为大家详细介绍了Ajax注册用户时实现表单验证,在网站上注册时,通常需要验证用户名和电子邮件地址的可用性,本文将介绍如何实现表单验证功能
    2015-12-12
  • 分享Ajax创建简单实例代码

    分享Ajax创建简单实例代码

    这篇文章主要为大家分享了Ajax创建简单实例代码,学习Ajax如何创建简单实例,感兴趣的小伙伴们可以参考一下
    2015-12-12
  • ajax怎么打开新窗口具体如何实现

    ajax怎么打开新窗口具体如何实现

    本文为大家介绍下ajax如何打开新窗口,下面有段代码,需要的朋友可以了解下
    2014-01-01
  • AJAX初级应用-RSS无刷新聚合器的代码与下载

    AJAX初级应用-RSS无刷新聚合器的代码与下载

    AJAX初级应用-RSS无刷新聚合器的代码与下载...
    2007-03-03
  • Ajax修改数据即时显示篇实现代码

    Ajax修改数据即时显示篇实现代码

    上一篇我们讲了如何使用ajax向数据库添加数据,今天我们要大家学习的课程是:使用ajax修改数据库数据,并在客户网页立即显示新的内容.当然在修改的过程中同样不会有刷新网页的情况发生!
    2010-10-10
  • AJAX实现无刷新检测用户名功能

    AJAX实现无刷新检测用户名功能

    这篇文章主要为大家详细介绍了AJAX实现无刷新用户名检测功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-06-06
  • AJAX聊天室V1.0发布

    AJAX聊天室V1.0发布

    AJAX聊天室V1.0发布...
    2006-09-09

最新评论