使用$（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. 

    } 
    }); 
});