jQuery的成功數據是未定義的（與上下文：這）

Question

我有一個JS模塊和兩個功能。第一個函數應該執行ajax請求並調用模塊的第二個函數。所以我設置了context=this。

return BaseController.extend(...) { 
    ... 
    loadChart: function() { 
     ... 
     $.ajax({ 
      url:..., 
      data:...., 
      async: false, 
      context: this, 
      success: function(data) { 
       try { 
        for (var i = 0; i < data.d.length; i++) { 
         // do something with data 
        } 

        this.function2(); 
       } catch() { 
        .... 
       } 
      } 
     }); 
    }, 

    function2: function() { 
     // do something... 
    } 
} 

的function2呼叫工作正常，但data是不確定的。爲什麼？ 如果我刪除了context聲明，我的data已定義，但我不能撥打function2 ...因此，哪裏做錯了？謝謝。 我想我不太明白範圍尚未...

Answer 1

你可以嘗試這樣的：

loadChart: function() { 
    ... 
    var that = this; 
    $.ajax({ 
     url:..., 
     data:...., 
     async: false, 
     success: function(data) { 
      try { 
       for (var i = 0; i < data.d.length; i++) { 
        // do something with data 
       } 

       that.function2(); 
      } catch() { 
       .... 
      } 
     } 
    }); 
}, 

function2: function() { 
    // do something... 
} 

}