javascript - $.post() 呼び出し内からオブジェクトを参照するにはどうすればよいですか

Question

次のようなJavascriptオブジェクトがあります。

var MyObject = {
   func1 : function() {
       // Does something
   },
   func2 : function() {
       // Send an AJAX request out
       $.post('', $('form').serialize(), function(response) {
           // Call the first function
           this.func1(); // Fails - this refers to the $.post request
       }, 'json');
   }
};

リクエストthisではなく、オブジェクト自体への参照ポイントを作成するにはどうすればよいですか?$.post

Answer 1

最も簡単な方法:

var MyObject = {
   func1 : function() {
       // Does something
   },
   func2 : function() {
       var self = this;        //self = MyObject-object
       // Send an AJAX request out
       $.post('', $('form').serialize(), function(response) {
           // Call the first function
           self.func1(); // #### NEW ####
       }, 'json');
   }
};

Answer 2

ajax コンテキスト オプションを使用します。

$.ajax({
  context:this,
  type: "POST",
  url: url,
  data: data,
  success: this.func1,
  dataType: dataType
});