Funktion, die einen Wert von Ajax Call Request zurückgeben

Question

Ich möchte eine Funktion, die einen Wert aus einer Ajax-Anfrage zurückgibt. Ich möchte JavaScript-Ausführung stoppen, bis die Funktion ihren Wert erhält, der von asynchronen Ajax-Anforderung zurückgegeben wird. Etwas wie:

function myFunction() { 
    var data; 
    $.ajax({ 
     url: 'url', 
     data: 'data to send', 
     success: function (resp) { 
      data = resp; 
     }, 
     error: function() {} 
    }); // ajax asynchronus request 
    return data; // return data from the ajax request 
} 

Answer 1

Sie benötigen einen Callback-Funktion, um so etwas registrieren:

Answer 2

Verwenden async: false für Ihren Ajax-Request seit Ajax asynchron.

Wenn Sie async auf false setzen, muss die Anweisung, die Sie aufrufen, abgeschlossen sein, bevor die nächste Anweisung in Ihrer Funktion aufgerufen werden kann. Wenn Sie async: true setzen, beginnt diese Anweisung mit der Ausführung und die nächste Anweisung wird aufgerufen, unabhängig davon, ob die asynchrone Anweisung bereits abgeschlossen wurde.

Von jQuery docs:

By default, all requests are sent asynchronously (i.e. this is set to true by default). If you need synchronous requests, set this option to false

Answer 3

$.ajax({ 
     url: 'url', 
     data: 'data to send', 
     async: false, 
     success: function (resp) { 
      data = resp; 
     }, 
     error: function() {} 
    }); // ajax synchronus request 

Answer 4

Sie brauchen asyn zu tun = False wie:

$.ajax({ 
    async: false, 
    // ... 
    success: function(jsonData) { 
    //Your Logic 
    } 
}); 

Answer 5

Ajax ist asynchron, dh der Ajax-Aufruf wird ausgelöst, aber der Code läuft so gut wie zuvor ohne anzuhalten weiter. Ajax stoppt die Ausführung nicht, bis eine Antwort empfangen wird. Sie müssen eine zusätzliche Rückruffunktion oder etwas Ähnliches hinzufügen.

function myFunction() { 
var data; 
$.ajax({ 
    url: 'url', 
    data: 'data to send', 
    async: false, 
    success: function (resp) { 
     data = resp; 
     callback.call(data); 
    }, 
    error: function() {} 
}); // ajax asynchronus request 
return data; // return data from the ajax request 
    }