Ajax jquery successスコープ

Question

私はdoop.phpへのこのajaxコールを持っています。

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の実装に応じて、（いくつかのAJAXの応答オブジェクト、またはグローバルオブジェクト（window）、または何か他のものである可能性があります。

私は$に入る前に、変数に$（this）をキャプチャする必要がありますか。 ajax呼び出しを呼び出して、$ .ajax呼び出しにパラメータとして渡すか、匿名の成功関数に渡す必要がありますか？問題が解決する場合は、$ .ajax？

に渡します。

関数を定義する前に、thisの値を取得する方法が本当に必要です。これを行う方法はクロージャを作成することです。別の変数を指定します（例： 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; 
} 

のようにコンテキスト設定を使用する必要があります「これは、」成功のスコープへの転送となり、期待通りに機能します。