Maison > interface Web > js tutoriel > le corps du texte

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

Mary-Kate Olsen
Libérer: 2024-10-31 04:46:30
original
469 Les gens l'ont consulté

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
    Tutoriels populaires
    Plus>
    Derniers téléchargements
    Plus>
    effets Web
    Code source du site Web
    Matériel du site Web
    Modèle frontal