使用$（this）裏面的ajax成功函數

Question

$(".itemInto").click(function(){ 
var a = $(this).siblings(".itemName").html(); 
    $.ajax({ 
     type: "POST", 
     dataType: "json", 
     url: "process.php", 
     data: {a:a}, 
     success: function(data) { 
      alert (data); // 20  
      $(this).siblings(".itemCount").text(data); // doesn't work. Nothing happens. 

     } 
    }); 
}); 

.itemCount是.itemInto的同胞。爲什麼我不能在裏面放置data？控制檯是免費的。

Answer 1

因爲上下文已經改變。

嘗試將context: this添加到您的AJAX參數中。

Answer 2

可以緩存參考this如下：

$(".itemInto").click(function(){ 
    var a = $(this).siblings(".itemName").html(), 
    $this = $(this); 
    $.ajax({ 
    type: "POST", 
    dataType: "json", 
    url: "process.php", 
    data: {a:a}, 
    success: function(data) { 
     alert (data); // 20  
     $this.siblings(".itemCount").text(data); // use the cached variable instead. 
    } 
    }); 
}); 

或者，如果你必須使用this，你可以按如下方式使用本地bind()方法：

$(".itemInto").click(function() { 
var a = $(this).siblings(".itemName").html(); 
    $.ajax({ 
    type: "POST", 
    dataType: "json", 
    url: "process.php", 
    data: { 
     a: a 
    }, 
    success: function (data) { 
     alert(data); // 20  
     $(this).siblings(".itemCount").text(data); 

    }.bind(this) 
    }); 
}); 

Answer 3

因爲$（本）在回調不是$（ 「itemInto」），你可以這樣做：

$(".itemInto").click(function(){ 
var a = $(this).siblings(".itemName").html(); 
var $_this = $(this); 
$.ajax({ 
    type: "POST", 
    dataType: "json", 
    url: "process.php", 
    data: {a:a}, 
    success: function(data) { 
     alert (data); // 20  
     $_this.siblings(".itemCount").text(data); // doesn't work. Nothing happens. 

    } 
    }); 
});