Comment effectuer des requêtes HTTP GET synchrones et asynchrones en JavaScript ?

Exécution de requêtes HTTP GET en JavaScript

Les requêtes HTTP GET sont un moyen courant de récupérer des données à partir de serveurs utilisant JavaScript. Les widgets Dashcode, disponibles sur Mac OS X, fournissent un objet XMLHttpRequest spécialement conçu à cet effet.

Requête HTTP GET de base

Pour effectuer une requête GET synchrone, utilisez le code suivant :

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

HTTP GET asynchrone Requête

Pour les requêtes asynchrones qui ne bloqueront pas l'exécution d'un autre code, considérez ce qui suit :

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);
}

Remarque sur les requêtes asynchrones

Bien que les requêtes synchrones puissent être plus faciles à mettre en œuvre, elles sont déconseillées en raison des impacts potentiels sur les performances et l'expérience utilisateur. Il est généralement recommandé de faire des requêtes asynchrones autant que possible.

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!