Synchrone Jquery Ajax Call

Question

Wie sicherzustellen, dass "Test Data" Text in der Konsole angezeigt werden, nur nachdem Bücher Details in vm.books geladen werden, grundsätzlich synchronen Ajax-Aufruf durchführen möchten.

Unten erwähnt Code funktioniert nicht wie erwartet. irgendein Vorschlag, wie man diese erwartete Funktionalität erreicht.

$(document).ready(function() { 
    var vm = new obj.Books(); 
    vm.loadBooks(); 
    console.log("Test Data"); 
}); 

var obj = obj || {}; 
obj.Books = function() { 
    var self = this; 

    self.books = []; 

    self.loadBooks = function() { 
    $.ajax({ 
     url: "somewebapiurl", 
     dataType: 'jsonp', 
     async: false 
     }) 
     .done(function(data) { 
     $.each(data, function(idx, item) { 
      self.books.push(item); 

     }); 
     }) 
     .fail(function(xhr, status, error) { 
     alert(status); 
     }); 
    }; 
}; 

Answer 1

Wie die „Testdaten“, um sicherzustellen, Text in der Konsole nur dann angezeigt bekommen nach Büchern Details in vm.books geladen werden, wollen im Grunde synchronen Ajax-Aufruf auszuführen.

Nutzen Sie einfach die .done Funktion des jQuery Deferred Objects.

Answer 2

@jcubic hatte Recht, jsonp unterstützt keinen synchronen Aufruf mit async = false.

Daher

• Aktiviert die CORS in Serviceseite (dh somewebapiurl)
• Set Herkunft Details (dh Ursprünge = "http: // localhost: 19410" headers = "*" Methoden =“ get“)
• den Datentyp entfernt = 'JSONP'
• Retained async = false

Jetzt ist es wie erwartet funktioniert.