在ajax语句中使用jQuery删除表行

Question

我想从表中删除一行，但是ajax的成功部分不会执行。

function fn_delete() {
    $("a.delete").click(function () {
        idProduct = $(this).parents("tr").find("td").eq(1).html();
        $.ajax({
            type: "POST",
            url: "DeleteProduct",
            data: { idProduct },
            success: function () {
                $(this).parents("tr").fadeOut("normal", function () {
                $(this).remove();
            }
        });
    });
};

Answer 1

成功回调中的

this与进行ajax调用的代码中的this不同，除非您明确设置context：

$.ajax({
  context: this,
  data: ...
});

Answer 2

我认为this没有给出您期望的价值。

试试这个：

function fn_delete() {
$("a.delete").click(function () {
    idProduct = $(this).parents("tr").find("td").eq(1).html();
    var myRow = $(this).parents("tr");
    $.ajax({
        type: "POST",
        url: "DeleteProduct",
        data: { idProduct },
        success: function () {
                $(this).parents("tr").fadeOut("normal", function () {
                myRow.remove();
            });
        }
    });
});