'this'はajax関数の内部を表しています

Question

これをajax関数の内部で使用してイベントターゲットを参照しようとしています。それは私の考え方ではないようです。例えば

：

$('#test').live('click',function(){ 
    $.ajax({ 
     type:'post', 
     url: 
     data:..., 
     success:function(mes){ 
      $(this).append('mes'); 
     } 
    }); 
}); 

ので、ここでは$（これは）（ '#test'）セレクタを指すものではありません。それは何を参照していますか？どんな説明にも感謝します。

Answer 1

成功コールバックthisは、AJAXの再取得に関する情報を含むjQueryによって作成されたグローバルオブジェクトを指します。

$('#test').live('click',function() { 
    var $this = $(this); 
    $.ajax({ 
     type: 'post', 
     url: '/' 
     data: { }, 
     success: function(mes) { 
      $this.append('mes'); 
     } 
    }); 
}); 

をしたり、クロージャを好きではない場合は、要求のキー/値ペアとしてそれを渡すことができます：あなたは、元のDOM要素を取得したい場合は、クロージャでそれをキャプチャすることができ

$('#test').live('click',function() { 
    $.ajax({ 
     type: 'post', 
     url: '/' 
     data: { }, 
     myElement: $(this), 
     success: function(mes) { 
      this.myElement.append('mes'); 
     } 
    }); 
}); 

これは、successコールバックが無名関数ではないシナリオで役に立ちます。

Answer 2

これはコンテキストです。 JQuery site：
すべてのコールバック内のthis参照は、設定で$ .ajaxに渡されたコンテキストオプションのオブジェクトです。コンテキストが指定されていない場合、これはAjax設定自体への参照です。

Answer 3

この例では、$(this)は$.ajax()オブジェクトを表します。

Answer 4

デフォルトでは、thisがAJAX呼び出しで使用される拡張設定オブジェクトになります。 documentationから：デフォルトで

、コンテキストは（$.ajaxSettingsが $.ajaxに渡された設定と合併）の呼び出しで使用されるAJAX設定 を表すオブジェクトです。

あなたはthisは、コールバックに参照するオブジェクトを指定するには、設定contextを使用することができます。

$("#test").live("click", function() { 
    $.ajax({ 
     type: "post", 
     context: this, 
     success: function(mes) { 
      // Here, this will refer to #test. 
      $(this).append('mes'); 
     } 
    }); 
});