在jQuery中，如何從$ .ajax回調函數中訪問$（this）？

Question

可能重複：
how to access the $(this) inside ajax success callback function

我有這樣的代碼：

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

$.ajax({ type: 'POST', url: process.php, data: data, success: function(data){ 

///// 
     } 
    }) 
}); 

我如何可以訪問非常$('.each_button')觸發事件？我試過$(this)但它不起作用，可能是因爲它在另一個功能裏面。

非常感謝。在AJAX調用之前變量

Answer 1

每個人都想使用一個變量由於某種原因。這不是必需的。

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

    $.ajax({ 
     context: this, // <-- do this instead... 
     type: 'POST', 
     url: process.php, 
     data: data, 
     success: function(data) { 
       // ...now 'this' is the element you want 
      alert(this.className); 
     } 
    }); 

}); 

---

或者使用$.proxy如果你喜歡...

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

    $.ajax({ 
     type: 'POST', 
     url: process.php, 
     data: data, 
     success: $.proxy(function(data) { 
       // ...now 'this' is the element you want 
      alert(this.className); 
     }, this) // <-- bind the context 
    }); 

}); 

---

一個好處這些方法是，它可以讓你重用success功能...

function ajax_success(data) { 
    alert(this.className); 
} 

$('.each_button').click(function(){ 
    $.ajax({ 
     context: this, 
     type: 'POST', 
     url: process.php, 
     data: data, 
     success: ajax_success 
    }); 
}); 

Answer 2

搭上：

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

    var $this = $(this); 

    $.ajax({ type: 'POST', url: process.php, data: data, success: function(data){ 

      alert($this); 

     } 
    }) 
}); 

Answer 3

你可以保存對象到另一個變量和訪問它的function(data)內。

事情是這樣的：

$('.each_button').click(function(){ 
    var $obj = $(this); 
    $.ajax({ 
     type: 'POST', 
     url: process.php, 
     data: data, 
     success: function(data) { 
      $obj.val(data.foobar); 
     } 
    }) 
});