Wie führe ich synchrone und asynchrone HTTP-GET-Anfragen in JavaScript durch?

HTTP-GET-Anfragen in JavaScript ausführen

HTTP-GET-Anfragen sind eine gängige Methode, um Daten von Servern mithilfe von JavaScript abzurufen. Dashcode-Widgets, die unter Mac OS folgender Code:

Asynchrones HTTP GET Anfrage

Für asynchrone Anfragen, die die Ausführung von anderem Code nicht blockieren, beachten Sie Folgendes:

function httpGetSync(theUrl) {
    var xmlHttp = new XMLHttpRequest();
    xmlHttp.open("GET", theUrl, false);
    xmlHttp.send(null);
    return xmlHttp.responseText;
}

Hinweis zu asynchronen Anfragen

Auch wenn synchrone Anfragen möglicherweise einfacher zu implementieren sind, wird von ihnen aufgrund möglicher Auswirkungen auf die Leistung und das Benutzererlebnis abgeraten. Generell wird empfohlen, nach Möglichkeit asynchrone Anfragen zu stellen.

function httpGetAsync(theUrl, callback) {
    var xmlHttp = new XMLHttpRequest();
    xmlHttp.onreadystatechange = function() { 
        if (xmlHttp.readyState == 4 && xmlHttp.status == 200)
            callback(xmlHttp.responseText);
    }
    xmlHttp.open("GET", theUrl, true); 
    xmlHttp.send(null);
}

Das obige ist der detaillierte Inhalt vonWie führe ich synchrone und asynchrone HTTP-GET-Anfragen in JavaScript durch?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!