发出许多 ajax 请求而不是一个请求

Question

我编写了一个代码来从数据库中删除表中的文章。一切正常，但是当我看到来自 firebug NET 选项卡的请求时，它显示了 11 个请求而不是一个。我的代码有什么问题吗？我已在此处附加了我的 firebug NET 选项卡结果

   //delete form start...........
            $("#pard_admin").on("click", ".deleteArticle", function (event) {

                event.preventDefault();
                var data = $(this).closest('tr').find('td:first').html();



                $.ajax({

                    url: "../pard_site/view/delete.php",
                    type: "POST",
                    data: "deleteId=" + data,

                    success: function (response) {
                        $("#pard_admin").load('../pard_site/view/articles.php');

                    }
                });




            });
            //delete form end...........

Answer 1

你应该看到两个请求：

• 一个$.ajax()
• 一个load()

多次请求最可能的原因是多次附加委托的点击处理程序。它需要附加一次，而不是每行一次。

您可以将两个请求减少为一个，如下所示：

var $pard_admin = $("#pard_admin").on("click", ".deleteArticle", function(event) {
    event.preventDefault();
    var $row = $(this).closest('tr');
    $.ajax({
        url: "../pard_site/view/delete.php",
        type: "POST",
        data: { "deleteId": $row.find('td:first').text() },
        success: function() {
            $row.remove();//or similar, depending on exactly what should disappear from the interface on successful delete.
        }
    });
});