Ajax jquery Erfolgsumfang

Question

Ich habe diesen Ajax Anruf an eine 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; 
    } 

Mein Problem ist, dass die $(this).siblings('.old').html(new); Linie nicht das tut, was es tun soll.

danke .. alle hilfreichen Kommentare/Antworten sind abgestimmt.

Update: es scheint, dass die Hälfte des Problems war der Umfang (danke für die Antworten, die mir geholfen, das zu klären), aber die andere Hälfte ist, dass ich versuche, Ajax in einer synchronen Weise zu verwenden. Ich habe einen neuen Beitrag erstellt

Answer 1

Zuerst new ist a reserved word. Sie müssen diese Variable umbenennen.

Ihre Frage zu beantworten, ja, müssen Sie this in einer Variablen außerhalb des Erfolgs Rückruf speichern, und verweisen Sie in Ihrem Erfolg Handler-Code:

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

Dies ist ein closure genannt wird.

Answer 2

this ist an das Objekt gebunden, auf das die ausführende Funktion angewendet wurde. Das könnte einige AJAX-Antwort-Objekt oder das globale Objekt sein (window), oder etwas anderes (abhängig von der Implementierung von $.ajax.

Muss ich $ (this) in eine Variable erfassen, bevor die $ eingeben. Ajax-Aufruf, und dann übergeben Sie es als Parameter an den $ .ajax Aufruf? Oder muss ich es an die anonyme Erfolgsfunktion weitergeben? Wenn das das Problem lösen wird, wo übergebe ich es an die $ .ajax?

Sie brauchen in der Tat eine Möglichkeit, den Wert von this vor Festlegung der success Funktion zu erfassen. einen Verschluss Erstellen der Art und Weise, dies zu tun ist. Sie müssen sich d efine eine separate Variable (z.B. 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; 
} 

Die success Funktion den Wert von self beibehalten, wenn sie aufgerufen wird, und sollte so tun, als Sie erwartet haben.

Answer 3

Sie sollen die Einstellung Kontext verwenden, wie in 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; 
} 

„this“ Transfer zum Erfolg Umfang sein wird und wie erwartet verhalten.