Ajax Anruf wird nicht synchron ausgeführt

Question

Ich habe eine Wetter-Website gebaut, die die Flickr API 1st ruft, ruft dann die Yahoo API für das Wetter. Das Problem ist, dass die Daten vom Ajax-Aufruf - von der Yahoo-API - nicht rechtzeitig zur Verfügung stehen, damit die Seite ihren Inhalt laden kann.

Einige der Dinge, die ich verwendet habe, um zu versuchen und den Ajax-Aufruf zu verlangsamen:

• setTimeout
• die gesamte Funktion Einwickeln dass $.ajax(success:) Anrufe in einer anderen Funktion, Einwickeln in setTimeout
• die Einnahme Callback-Funktion aus $.ajax(success:), und setzen in die $.ajax(complete:) param
• unter der data Objekt, dass $.ajax(success:) geht in und Kopieren, dass dann zu einem anderen var außerhalb von Ajax-Aufruf zu gehen und die Funktion setzen, dass die Daten innerhalb von $.ajaxComplete() Griffen, neues Objekt übergibt var

Es gibt mehr Möglichkeiten, dass ich versucht habe, zu gehen das, aber ich bin seit 3 ​​Tagen dabei und kann keine Lösung finden. Kann mir bitte jemand helfen hier

Hier ist ein Link zu dem Projekt ist

My Weather App On codeine.io

function RunCALL(url) 
    { 
     var comeBack = $.ajax({ 
     url: url, 
     async: false, 
     dataType:"jsonp", 
     crossDomain: true, 
     method: 'POST', 
     statusCode: { 
     404: function() {console.log("-4-4-4-4 WE GOT 404!");}, 
     200: function() {console.log("-2-2-2-2 WE GOT 200!");}}, 
     success: function(data){ 
     weatherAndFlickrReport(data);},                              
     error: function(e) {console.log(e);}   
    }); 
    } 

Answer 1

Sie jQuery verwenden? Wenn ja, müssen Sie Ihre Rückrufe verketten. Welche auf einem hohen Niveau, sieht würde so etwas wie:

//You might want to use .get or .getJSON, it's up to what response you're expecting... 
$.getJSON('https://example.com/api/flickr', function(response) { 
    //This your callback. The URL would end up being https://example.com/api/yahoo/?criteria=lalalalala 
    $.getJSON('https://example.com/api/yahoo/', { criteria: response.propertyYouWant}, function(yahooResponse) { 
    //Do something with your response here. 
    }); 
}); 

Edit: Ich habe Ihre Schnipsel mit einer Arbeitslösung aktualisiert haben (basierend auf dem oben AJAX-Requests), die jetzt zeigt sowohl Ihre JSON für das Konsumieren bereit Objekte. Looky here.