javascript - 如何使用 Jquery 在 AJAX 请求后替换元素的文本

Question

我正在使用 Jquery V1.11.1，我想在 Jquery AJAX 请求后替换 HTML 表中的单元格。我想要单元格中的结果。

    $(".permission").click(function(e) {
    var acoPath = $(this).siblings('th').text();
    var rowsLeft = $(this).prevUntil("th").length;
    var aroGroup = $('.aro').eq(rowsLeft).text();

    $.ajax({
        url: "/permissions/update",
        type: "POST",
        data: { aco : acoPath, aro : aroGroup },
        cache: false,
        dataType: "HTML",
        success: function (html) {
            $(this).html(html);
        }
        });
    });
});

当我单击所需单元格中的文本时，没有任何内容被替换。我该如何解决这个问题？

Answer 1

您需要在 ajax 调用中设置当前对象的上下文。您可以使用 ajax 中的上下文选项来执行此操作:

context: this,

修改后的ajax调用:

$.ajax({
    url: "/permissions/update",
    type: "POST",
    context: this,
    data: { aco : acoPath, aro : aroGroup },
    cache: false,
    dataType: "HTML",
    success: function (html) {
        $(this).html(html);
    }
    });