ajaxの成功呼び出しからjavascript関数を実行しています

Question

現在Google Mapsで作業しています。データベースの一部の場所を保存し、ajax呼び出しで取得したい場合は、その場所からJavaScriptオブジェクトを作成します。

コードについては、なぜこれが動作しないのかわからないのですが、誰かがこれをクリアすることはできますか？

クロームコンソール： キャッチされない例外TypeError：コメントケビン・Bについてthis.processDataは関数ではありません

var Locations = { 
 
    count: 0, 
 
    location: [], 
 
    processData: function (data) { 
 
     console.log(data); 
 
    }, 
 
    getData: function() { 
 
     'use strict'; 
 
     
 
     jQuery.ajax({ 
 
      type: 'get', 
 
      url: '../../php/functions/getLocations.function.php', 
 
      dataType: 'json', 
 
      success: function (data) { 
 
       this.processData(data); 
 
      } 
 
     }); 
 
    } 
 
};

非同期呼び出しが完了した権利であるときに行わ一部を実行する必要があり、掲載？ 最終編集：

function getLocation() { 
    return $.ajax({ 
     type: 'get', 
     url: '../../php/functions/getLocations.function.php', 
     dataType: 'json' 
    }); 
} 

getLocation().done(function(result) { 
    console.log(result); 
    return result; 
}); 

Answer 1

キーワードthisそれが中に初期化された範囲を指し だからあなたの場合には、それはsuccess -functionの範囲です。オブジェクト自体を参照するものではありません。

この機能を利用するには、オブジェクトへの参照をキャッシュしてsuccess関数内で使用するか、オブジェクト自体を参照する必要があります。

オブジェクト参照：

jQuery.ajax({ 
    type: 'get', 
    url: '/echo/json/', 
    dataType: 'json', 
    success: function(data) { 
    Locations.processData(data); 
    } 
}); 

キャッシュthis

getData: function() { 
    'use strict'; 
    let _this = this; 
    jQuery.ajax({ 
     type: 'get', 
     url: '/echo/json/', 
     dataType: 'json', 
     success: function(data) { 
     _this.processData(data); 
     } 
    }); 
    } 

Fiddle

this

Answer 2

は、Ajax設定を指していますオブジェクト。 $ .proxyを使用するか、右context

getData: function() { 
     'use strict'; 
     var thisLocation = this; 
     jQuery.ajax({ 
      type: 'get', 
      url: '../../php/functions/getLocations.function.php', 
      dataType: 'json', 
      success: function (data) { 
       thisLocation.processData(data);