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