Maison  >  Article  >  interface Web  >  Comment effectuer des requêtes HTTP inter-domaines en JavaScript à l'aide de JSONP ?

Comment effectuer des requêtes HTTP inter-domaines en JavaScript à l'aide de JSONP ?

Mary-Kate Olsen
Mary-Kate Olsenoriginal
2024-10-31 04:46:30394parcourir

How to Make Cross-Domain HTTP Requests in JavaScript Using JSONP?

Requêtes JSONP en JavaScript utilisant l'API native

Les requêtes HTTP inter-domaines rencontrent souvent la politique de même origine, qui restreint les requêtes provenant de un domaine différent ou un domaine non sécurisé (HTTP) vers un domaine sécurisé (HTTPS). JSONP (JSON with Padding) est une technique utilisée pour contourner cette limitation, permettant au code JavaScript de récupérer des données d'un domaine différent.

Créer une requête JSONP

Pour faire une requête JSONP sans bibliothèques externes, suivez ces étapes :

  1. Créez une fonction de rappel : Définissez une fonction JavaScript qui gérera les données de réponse. Le nom de cette fonction sera utilisé comme paramètre de rappel dans la requête JSONP.
  2. Construisez l'URL de la requête : L'URL de la requête JSONP doit inclure les paramètres suivants :

    • L'URL du serveur où les données sont hébergées
    • Le paramètre de rappel défini sur le nom de votre fonction de rappel
    • Les données que vous souhaitez envoyer (facultatif)
  3. Créer un élément de script : Créer un