Ausführen von Javascript-Funktion von Ajax Erfolg Anruf

Question

Ich arbeite derzeit mit Google Maps und ich möchte einige Standorte in einer Datenbank speichern und sie durch einen Ajax-Aufruf abrufen, nach denen ich JavaScript-Objekte aus den Standorten.

Was den Code angeht bin ich mir nicht wirklich sicher, warum das nicht funktioniert, kann mir das jemand aufklären?

Chrome Console: Uncaught Typeerror: this.processData ist keine Funktion

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); 
 
      } 
 
     }); 
 
    } 
 
};

Über den Kommentar Kevin B geschrieben, die getan Teil ausgeführt werden soll, wenn der Asynchron Anruf vollständig richtig ist? Letzte Änderung:

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

Das Schlüsselwort this bezieht sich auf den Umfang es in initialisiert wurde Also in Ihrem Fall ist es der Umfang der success -function ist.. Es bezieht sich nicht auf das Objekt selbst.

Damit dies funktioniert, müssen Sie den Verweis auf das Objekt zwischenspeichern, um es innerhalb der success-Funktion zu verwenden oder auf das Objekt selbst verweisen.

Objektverweis:

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

Cached this

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

Fiddle

Answer 2

this zeigt auf Ajax-Einstellungen Objekt. Verwenden Sie entweder einen $ .proxy oder this verwenden, nachdem es in einer Variablen zu speichern, so dass Sie das Recht zielt 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);