recherche

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
Patricia Arquetteoriginal
2024-10-23 00:14:31610parcourir

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>

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