阿賈克斯jquery成功範圍

Question

我有這個ajax調用doop.php。

function doop(){ 
     var old = $(this).siblings('.old').html(); 
     var new = $(this).siblings('.new').val(); 

     $.ajax({ 
      url: 'doop.php', 
      type: 'POST', 
      data: 'before=' + old + '&after=' + new, 
      success: function(resp) { 
       if(resp == 1) { 
        $(this).siblings('.old').html(new); 
       } 
      } 
     }); 

     return false; 
    } 

我的問題是，$(this).siblings('.old').html(new);線沒有做它應該做的事。

謝謝.. 所有有用的評論/答案都被投票了。

更新：它似乎有一半的問題是範圍（謝謝你的答案，這有助於我澄清），但另一半是我試圖以同步方式使用ajax。我創建了一個新帖子

Answer 1

首先new是a reserved word。您需要重命名該變量。

要回答你的問題，是的，你需要保存this在成功回調外的變量，並引用它的成功處理程序代碼中：

var that = this; 
$.ajax({ 
    // ... 
    success: function(resp) { 
     if(resp == 1) { 
      $(that).siblings('.old').html($new); 
     } 
    } 
}) 

這就是所謂的closure。

Answer 2

this綁定到執行函數應用到的對象。這可能是一些Ajax響應對象，或者全局對象（window），或別的東西（視$.ajax實施。

我需要進入$之前捕捉到$（本）到一個變量。 ajax調用，然後將它作爲參數傳遞給$ .ajax調用？或者是否需要將它傳遞給匿名成功函數？如果這樣可以解決問題，我可以將它傳遞給$ .ajax？

你確實需要一種方式定義success函數之前捕捉到的this值。創建一個封閉是做到這一點的方式。你需要d成爲一個單獨的變量（例如， self）：調用時

function doop() { 
    var old = $(this).siblings('.old').html(); 
    var new = $(this).siblings('.new').val(); 

    var self = this; 

    $.ajax({ 
     url: 'doop.php', 
     type: 'POST', 
     data: 'before=' + old + '&after=' + new, 
     success: function(resp) { 
      if(resp == 1) { 
       $(self).siblings('.old').html(new); 
      } 
     } 
    }); 

    return false; 
} 

的success功能將保留self的價值，應該表現爲你的預期。

Answer 3

您應該使用背景設置爲http://api.jquery.com/jQuery.ajax/

function doop(){ 
    var old = $(this).siblings('.old').html(); 
    var newValue = $(this).siblings('.new').val(); 

    $.ajax({ 
     url: 'doop.php', 
     type: 'POST', 
     context: this, 
     data: 'before=' + old + '&after=' + newValue, 
     success: function(resp) { 
      if(resp == 1) { 
       $(this).siblings('.old').html(newValue); 
      } 
     } 
    }); 

    return false; 
} 

「這」將轉移到成功的範圍和預期將採取行動。