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

下面是我正在处理的代码，我的目标是调用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); }); });