ajax请求时，一次点击两次提交的问题

最新推荐文章于 2024-07-11 16:34:15 发布

无敌轻车

最新推荐文章于 2024-07-11 16:34:15 发布

阅读量1.3w

点赞数 7

分类专栏： jquery 文章标签： ajax jquery

本文链接：https://blog.csdn.net/qingche456/article/details/62059433

版权

jquery 专栏收录该内容

0 篇文章 0 订阅

订阅专栏

ajax请求时，一次点击两次提交的问题解决

原代码

<script>
    $(function(){
        $('#jsStayBtn').on('click', function(){
            $.ajax({
                cache: false,
                type: "POST",
                url:"/org/add_ask/",
                data:$('#jsStayForm').serialize(),
                async: true,
                success: function(data) {
                    if(data.status == 'success'){
                        $('#jsStayForm')[0].reset();
                        alert("提交成功")
                    }else if(data.status == 'fail'){
                        $('#jsCompanyTips').html(data.msg)
                    }
                },
            });
        });
    })

</script>

修改后主要是对

$('#jsStayBtn').on('click', function()  #这个地方进行修改

修改后为：

<script>
    $(function(){
        $('#jsStayBtn').off().on('click', function(){
            $.ajax({
                cache: false,
                type: "POST",
                url:"/org/add_ask/",
                data:$('#jsStayForm').serialize(),
                async: true,
                success: function(data) {
                    if(data.status == 'success'){
                        $('#jsStayForm')[0].reset();
                        alert("提交成功")
                    }else if(data.status == 'fail'){
                        $('#jsCompanyTips').html(data.msg)
                    }
                },
            });
        });
    })

</script>