jquery - 将 ajax 与 jQM 结合使用并查看重复的 POST

Question

我注意到 ajax 被多次调用，导致 mySQL 中出现重复条目​​。这是怎么回事？任何人都可以看到我的代码中的任何内容吗？

$("#form-addcomment").live('submit', function(e) {
    e.preventDefault();

    var values = $(this).serializeArray();
    values = $.param(values);

    $.ajax({
        type: "POST", 
        url: "/components/m/actions/index.php", 
        data: "command=comments_add&" + values,
        dataType: "html",
        success: function(data){
            alert(data);
            return false;
        }
    });

    return false;
});

Answer 1

您可能在多个事件绑定(bind)方面遇到问题，这应该可以解决您的问题:

$(document).off('submit', "#form-addcomment").on('submit', "#form-addcomment" ,function(e) {
    e.preventDefault();

    var values = $(this).serializeArray();
    values = $.param(values);

    $.ajax({
        type: "POST", 
        url: "/components/m/actions/index.php", 
        data: "command=comments_add&" + values,
        dataType: "html",
        success: function(data){
            alert(data);
            return false;
        }
    });

    return false;
});

还有其他多事件绑定(bind)的方法，要了解更多信息，请查看我的另一篇文章并搜索名为防止多事件绑定(bind)/触发的章节:https://stackoverflow.com/a/14469041/1848600