微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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()">
  </div>
</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: '提交失败',styling: 'bootstrap3'
                    });
                }

            }
        });
    }
</script>

原文地址:https://www.jb51.cc/ajax/161528.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐