Comment JSONP résout-il les problèmes de transfert de données entre origines ?

JSONP : Une introduction

Introduction

JSONP, ou JSON with Padding, est une extension JSON qui facilite l'échange de données entre des sites Web d’origines différentes. Il a été créé pour contourner les restrictions de partage de ressources d'origine croisée (CORS) du navigateur.

Concept

Lorsqu'un site Web tente d'accéder aux ressources d'un autre site Web avec une origine différente , le navigateur applique des restrictions CORS pour éviter les failles de sécurité. JSONP exploite une faille dans ce mécanisme en utilisant des balises de script, qui ne sont pas soumises aux restrictions CORS.

Comment fonctionne JSONP

Pour utiliser JSONP, le site Web du client comprend un script qui spécifie une fonction de rappel et envoie une requête au site Web du serveur comme ceci :

http://www.example.net/sample.aspx?callback=mycallback

Le site Web du serveur répond avec des données JSON enveloppé dans la fonction de rappel spécifiée comme ceci :

mycallback({ foo: 'bar' });

Le site Web du client définit la fonction de rappel, qui est exécutée lorsque le script est chargé :

mycallback = function(data){
  alert(data.foo);
};

Résoudre la croix -Problème d'origine

JSONP permet le transfert de données d'origine croisée en utilisant des balises de script pour contourner les restrictions CORS. Cela permet aux sites Web de communiquer entre eux même s'ils sont hébergés sur des domaines différents.

Cas d'utilisation

JSONP est utile dans les situations où CORS n'est pas disponible, telles que :

• Récupération de données à partir d'API externes
• Activation de la communication intersite pour les widgets et contenu intégrable

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!