Der Browser hat die angegebene MVC-Web-API-Antwort erfolgreich empfangen. Wie kann die Server-Seite sichergestellt werden?

Question

Ich schreibe eine Web-API für GET-Methode. Diese Methode gibt das JSON-Objekt als Antwort zurück. Ich brauche eine Aktionsfiltermethode oder ein Ereignis, das automatisch aufgerufen wird, wenn der Browser die Antwort erfolgreich erhalten hat.

Answer 1

Nachfolgend wurde von Professional JavaScript für Web-Entwickler (3rd Edition) von Nicholas Zakas angepasst:

Ajax Funktion:

function Ajax() { 
    var xhr, responseObj, getCompletionFunction; 
    var completionFunction; 

    this.setGetCompletionFunction = function (value) { getCompletionFunction = value; } 

    this.getRequest = function (url) { 
     completionFunction = getCompletionFunction; 
     xhr = new XMLHttpRequest(); 
     xhr.onreadystatechange = readyStateChangeFunction; 
     xhr.open("get", url, true); 
     xhr.setRequestHeader("Content-Type", "application/json"); 
     xhr.send(null); 
    } 

    function readyStateChangeFunction() { 
     if (xhr.readyState == 4) { 
      if (xhr.status >= 200 && xhr.status < 300 || xhr.status == 304) { 
       responseObj = JSON.parse(xhr.responseText); 
       completionFunction(responseObj); 
      } else { 
       var errorMessage = xhr.status; 
       responseObj = { errorMessages: ["An error of type " + errorMessage + " occurred while attempting to reach the server."] }; 
       completionFunction(responseObj); 
      } 
     } 
    } 
} 

Die Linie von Interesse ist:

if (xhr.status >= 200 && xhr.status < 300 || xhr.status == 304) { 

Dies legt fest, ob der Web-API-Aufruf erfolgreich war. Wenn dies der Fall ist, analysiert die Funktion die Antwort und gibt sie in den Rückruf ein. Andernfalls wird eine Fehlermeldung an den Rückruf zurückgegeben.

Beispiel der Ajax-Funktion verwenden:

var ajax = new Ajax(); 

var completionFunction = function (data) { 
    var returnedData = data; 
} 

ajax.setGetCompletionFunction(completionFunction); 

ajax.getRequest("/api/Home/1");