美文网首页
问题场景一:ajax请求时, 一次点击提交两次相同请求

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

作者: raysonfang | 来源:发表于2018-08-17 11:16 被阅读273次

    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(); 主要是需要先将绑定事件给关闭 , 然后在绑定;

    相关文章

      网友评论

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

          本文链接:https://www.haomeiwen.com/subject/emezbftx.html