在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);
    });
});