Comment faire des requêtes JSONP en JavaScript sans bibliothèques externes ?

Création de requêtes JSONP en JavaScript sans bibliothèques externes

Pour les requêtes inter-domaines, JSONP (JSON with Padding) permet de récupérer des données à partir d'un domaine différent. Au lieu de s'appuyer sur des bibliothèques externes comme jQuery, JavaScript peut accomplir cela de manière native.

Pour lancer une requête JSONP :

1. Créez une fonction de rappel :
   Écrivez une fonction JavaScript, dans ce cas "foo", qui sera appelée avec les données demandées.
2. Construisez l'URL de la requête :
   Formulez l'URL de la requête JSONP avec le point de terminaison approprié , les paramètres et le nom de la fonction de rappel. Cette URL se termine généralement par "?callback=foo".
3. Créer un élément de script :
   Générer dynamiquement un élément de script à l'aide du DOM de JavaScript. Définissez l'attribut "src" de cet élément sur l'URL de la requête JSONP.
4. Ajouter le script au document :
   Ajoutez l'élément de script nouvellement créé au élément. Cette action déclenchera automatiquement la requête.

Exemple de code :

function foo(data) {
    // Process and utilize the JSON data
}

var script = document.createElement('script');
script.src = '//example.com/path/to/jsonp?callback=foo';

document.head.appendChild(script);

En employant ces étapes, vous lancez efficacement une requête JSONP sans bibliothèques externes, vous permettant de récupérer des requêtes croisées. données JSON du domaine et traitez-les dans votre code JavaScript.

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!