ajax提交表单页面刷新很快

末蓝、 2021-10-08 05:42 369阅读 0赞

**注：使用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="重置" οnclick="return resetaa()">
                             <input type="button"  class="btn btn-success" value="提交" οnclick="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: '提交失败',
                            text: '信息录入失败',
                            type: 'error',
                            styling: 'bootstrap3'
                        });
                    }
    
                }
            });
        }
    </script>

发表评论取消回复

表情：

评论列表（有 0 条评论，369人围观）

还没有评论，来说两句吧...

相关阅读

相关 Ajax提交form表单

Ajax提交form表单 $.ajax({ //几个参数需要注意一下 type: "PO

╰+攻爆jí腚メ/ 2022年12月11日 04:21/ 0 赞/ 255 阅读

相关 java刷新页面重复提交,JSP刷新页面表单重复提交问题解决办法分享

public class sswpdjaction extends baseaction\{ public string execute()\{ /\\业务代码\\/ .

野性酷女/ 2022年11月18日 13:52/ 0 赞/ 184 阅读

相关 ajax提交表单

ajax提交表单在项目中常用，前台无论是简单的html、jsp或者是使用了easyui框架，提交表单都会使用到ajax，extjs框架其实也是使用了ajax只不过对其进

我就是我/ 2022年08月13日 00:56/ 0 赞/ 244 阅读

相关 Ajax提交Form表单

1. 背景在java后台开发中，经常要从前端向后台提交表单数据。利用Ajax进行Form表单提交，是很常用的方法。本文主要讲解Ajax提交表单的基本应用。 2. Ajax

迷南。/ 2022年07月21日 01:47/ 0 赞/ 310 阅读

相关 form表单提交不刷新页面

form表单提交时，往往会刷新页面，数据提交到后台会跳转到其他页面如果不需要刷新页面时，可以通过ifame实现无刷新。在form表单下定义一个ifame <if

叁歲伎倆/ 2022年06月18日 05:58/ 0 赞/ 268 阅读

相关 ajax提交form表单

var form=document.getElementById("inspectForm");//inspectForm为Form表单的ID var f

浅浅的花香味﹌/ 2022年05月22日 22:12/ 0 赞/ 293 阅读

相关 ajax提交表单碰到页面刷新和发送两次请求的问题

<form id="uploadForm" enctype="multipart/form-data"> <input id="file" type="

柔光的暖阳◎/ 2022年04月04日 16:22/ 0 赞/ 251 阅读

相关 form表单无刷新提交

最近在处理一个界面，界面中有实时统计数据量的websocket,还有一个下载文件功能，下载采用的是form表单提交的方式，而正常的form表单提交势必会引起页面刷新（隐藏的），

清疚/ 2022年03月06日 09:00/ 0 赞/ 400 阅读

相关 ajax不跳转页面提交表单

一、普通表单 1. 表单 <form action="/handleForm1" method="post"> name: <input type=

水深无声/ 2022年02月23日 19:20/ 0 赞/ 336 阅读

相关 ajax提交表单页面刷新很快

注：使用ajax 提交表单时 type类型最好不用submit 用button合适 <form> <div class="col-md-9 col

末蓝、/ 2021年10月08日 05:42/ 0 赞/ 370 阅读