问题场景一:ajax请求时, 一次点击提交两次相同请求

2018-08-17  本文已影响273人  raysonfang

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>

$('#jsStayBtn').off().on(); 主要是需要先将绑定事件给关闭 , 然后在绑定;

上一篇下一篇

猜你喜欢

热点阅读