javascript - 在 jQuery 中访问 ajax 调用之外的数据

Question

下面是我正在处理的代码，我的目标是调用 ajax 返回一些数据并将该数据附加到被单击的按钮/$(this) 上。

$('.click_me').click(function(){

    $.ajax({
        type: 'POST',
        url: 'ajax/get_list.php'
    }).done(function(data){
        $(this).append(data);
    });
});

Answer 1

$.ajax返回一个 XHR 对象，它是调用 done 方法的上下文。因此，您需要先存储按钮的上下文，然后再创建 ajax 并使用该变量。

$('.click_me').click(function(){
    var $self = $(this);
    $.ajax({
        type: 'POST',
        url: 'ajax/get_list.php'
    }).done(function(data){
        $self.append(data);
    });
});