Как получить доступ к функции $ (this) внутри ajax-функции обратного вызова

Question

Кажется, что я не могу получить доступ к $ (этой) внутри функции jquery ajax success. см. ниже код.

$.ajax({ 
      type: 'post', 
      url: '<?php echo site_url('user/accept_deny_friendship_request')?>', 
      data: 'action='+$action+'&user_id='+$user_id, 
      success: function(response){ 
       //cannot access $(this) here $(this).parent().remove(); 
      } 
     }); 

Answer 1

Что должно быть $(this) be? Если у вас есть ссылка на него вне этой функции, вы можете просто сохранить ее в переменной.

$('#someLink').click(function() { 
    var $t = $(this); 
    $.ajax(... , function() { 
     $t.parent().remove(); 
    }); 
} 

Answer 2

Я не могу видеть ссылки $(this) ничего, кроме простой способ будет давать элемент класс или идентификатор и ссылку, с JQuery:

Вместо:

$(this).parent().remove(); 

Вы могли бы делать:

$('#element_id').parent().remove(); 

Примечание: Здесь я предполагаю, что вы имеете дело с одним элементом/итерацией.

Answer 3

Попробуйте вызвать $.proxy, чтобы изменить сферу this внутри функции:

$.ajax({ 
    success: $.proxy(function(response) { $(this).parent().bla(); }, $(this)); 
}); 

Answer 4

Заканчивать опция контекст - отлично работает для меня:

$.ajax({ 
    context: this, 
    type: 'post', 
    url: '<?php echo site_url('user/accept_deny_friendship_request')?>', 
    data: 'action='+$action+'&user_id='+$user_id, 
    success: function(response){ 
     //can access this now! 
    } 
}); 

Answer 5

Если вы хотите this чтобы быть this в контексте вашего вызова ajax, вы также можете использовать .bind() следующим образом:

$.ajax({ 
    url: 'some_url' 
    success: function(data) { 
    // do something 'this' 
    }.bind(this) 
}) 

Он связывает значение this внутри обратного вызова успех this снаружи.