Comment effectuer des requêtes HTTP GET en JavaScript : synchrone ou asynchrone ?

Requêtes HTTP GET en JavaScript

Lorsqu'il est chargé d'effectuer des requêtes HTTP GET en JavaScript, en particulier dans un widget Mac OS X Dashcode, il est Il est crucial d'exploiter l'objet XMLHttpRequest fourni par les navigateurs. Voici un exemple de requête synchrone :

function httpGet(theUrl) {
    var xmlHttp = new XMLHttpRequest();
    xmlHttp.open("GET", theUrl, false); // false for synchronous request
    xmlHttp.send(null);
    return xmlHttp.responseText;
}

Cependant, les requêtes synchrones sont déconseillées en raison de leur potentiel d'impact sur l'expérience utilisateur. Au lieu de cela, il est recommandé d'effectuer des requêtes asynchrones et de gérer la réponse dans un gestionnaire d'événements :

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); // true for asynchronous
    xmlHttp.send(null);
}

Cette approche garantit une expérience plus conviviale en évitant le gel des opérations du thread principal lors de la récupération des données.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!