cách truy cập $ (this) bên trong hàm gọi lại thành công ajax

Question

Dường như tôi không thể truy cập $ (this) bên trong hàm thành công jquery ajax. xin vui lòng xem mã dưới đây.

$.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

Điều gì nên $(this)? Nếu bạn có một tham chiếu đến nó bên ngoài chức năng đó, bạn chỉ có thể lưu nó vào một biến.

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

Answer 2

Tôi không thể nhìn thấy bất cứ điều gì $(this) tham khảo nhưng cách dễ dàng hơn sẽ được cung cấp cho các phần tử một lớp hoặc id và tài liệu tham khảo mà từ jquery:

Thay vì:

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

Bạn có thể làm:

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

Lưu ý: Ở đây tôi giả định rằng bạn đang xử lý một phần tử/lần lặp.

Answer 3

Thử gọi $.proxy, để thay đổi phạm vi this bên trong hàm:

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

Answer 4

Kiểm tra các tùy chọn bối cảnh - hoạt động hoàn hảo cho tôi:

$.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

Nếu bạn muốn this là this trong ngữ cảnh cuộc gọi ajax của bạn, bạn cũng có thể sử dụng .bind() như sau:

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

Nó liên kết với giá trị của this bên trong gọi lại thành công cho this bên ngoài.