Maison > développement back-end > tutoriel php > Comment créer des points de terminaison compatibles JSONP en JavaScript : un guide complet

Comment créer des points de terminaison compatibles JSONP en JavaScript : un guide complet

Patricia Arquette
Libérer: 2024-10-23 00:14:31
original
609 Les gens l'ont consulté

How to Create JSONP-Compatible Endpoints in JavaScript: A Comprehensive Guide

Création de points de terminaison compatibles JSONP en JavaScript

Les restrictions de partage de ressources d'origine croisée (CORS) peuvent entraver la communication entre des sites Web hébergés sur différents domaines. JSONP (JSON avec remplissage) fournit une solution de contournement en exploitant la gestion des balises de script par le navigateur.

Comment implémenter JSONP en PHP

Pour créer un point de terminaison compatible JSONP dans PHP, suivez ces étapes :

  1. Acceptez un paramètre de rappel dans la requête GET, par exemple, $callback = $_GET['callback'];.
  2. Enroulez la fonction JavaScript de rappel autour la réponse JSON dans le navigateur, par exemple $callback.'('.$data.');'.
  3. Définissez les en-têtes HTTP appropriés pour CORS, par exemple :
<code class="php">header('Content-Type: text/javascript; charset=utf8');
header('Access-Control-Allow-Origin: http://www.example.com/');
header('Access-Control-Max-Age: 3628800');
header('Access-Control-Allow-Methods: GET, POST, PUT, DELETE');</code>
Copier après la connexion

Ce code renvoie un fichier JavaScript avec l'objet JSON passé en paramètre à la fonction de rappel.

Utilisation des points de terminaison compatibles JSONP

Utilisez le

Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal