Comment faire des requêtes HTTP GET en JavaScript ?

Faire des requêtes HTTP GET en JavaScript

Lorsque vous travaillez avec des applications Web, la récupération de données à partir de serveurs distants devient nécessaire. En JavaScript, l'exécution de requêtes HTTP GET permet aux développeurs de récupérer des données à partir d'URL spécifiées. Cet article explore les meilleures façons d'effectuer de telles requêtes, en particulier dans les widgets Dashcode de Mac OS X.

Utilisation de l'objet XMLHttpRequest

Les navigateurs et Dashcode fournissent l'objet XMLHttpRequest, qui permet aux développeurs de faire des requêtes HTTP à partir de JavaScript. Voici un exemple de requête synchrone utilisant cet objet :

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

Requêtes asynchrones

Bien que les requêtes synchrones fournissent des résultats rapides, elles bloquent l'exécution d'autres codes et peuvent entraîner des problèmes de performances. Les requêtes asynchrones permettent au code de continuer à s'exécuter pendant que la requête est effectuée. La réponse est gérée 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);
  xmlHttp.send(null);
}

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!