javascript - Ajax 发送重复的 header

Question

好吧，我偶然发现了一个奇怪的问题。

第一次发送表单时，服务器收到 1。如果我在不重新加载页面的情况下发送另一个表单，它会发送 2 个完全相同的帖子，如果我再次发送它，它会发送 3 个帖子，依此类推。如果我要发送 9 份表格，它会在最后一份表格上发送 9 份完全相同的帖子。

这是我的代码:

$('#AskACounsel .btn-ask-question').bind("click", function (e) {
    e.preventDefault();

    var textbox = $('#AskACounselQuestion');
    var question = textbox.val();    
    var product = textbox.data('productid');

    if (question.length > 0) {    
        var params = { question: question, productid: product };    
        var url = '/FAQService/AddQuestion';
        $.ajax({
            url: url, success: function (result) {    
                var infoDiv = $('#AskACounselThankYouView .counsel-info').html(result.Message);
                var backDiv = $('#AskACounselThankYouView .counsel-footer .btn-return');
                if (result.Success) {
                    textbox.val("");
                    backDiv.hide();
                } else {
                    backDiv.show();
                }

                $('#AskACounselDefaultView').hide();
                $('#AskACounselThankYouView').show();
            },
            type: 'POST',
            data: params    
        });
    }    
});

Answer 1

您拥有的代码可能会被多次传递，即您有一个包含代码并调用它来处理点击事件的函数。经验法则是绑定(bind)应该只发生一次，因为它是一个绑定(bind)，而不仅仅是像“on”这样的事件处理程序。

参见 https://stackoverflow.com/a/8065685/696034 的回答如果您想继续使用绑定(bind)，请在该代码之前通过 $('#AskACounsel .btn-ask-question').unbind("click"); 取消绑定(bind)否则，请在代码的初始化部分绑定(bind)事件一次。