Cette fois, je vais vous montrer comment JSONP gère l'accès inter-domaine Ajax. Quelles sont les précautions pour que JSONP gère l'accès inter-domaine Ajax. Voici des cas pratiques, jetons un coup d'œil.
Il y a quelques jours, il y avait une nouvelle exigence au travail, qui obligeait la page Web frontale à appeler de manière asynchrone la méthode Webservice d'arrière-plan pour renvoyer des informations. Il existe de nombreuses méthodes d'implémentation. Cet exemple utilise jQuery+Ajax. Une fois terminé, tout s'est bien passé lors du débogage local. Cependant, des problèmes sont survenus après le déploiement sur le serveur. Le code n'a pas beaucoup changé, la seule modification est l'adresse url dans la méthode ajax de jQuery. Est-ce le problème ici ? Après inspection et débogage, il a été constaté que la même politique d'origine causait des problèmes. Nous savons que JavaScript ou jQuery est une technologie de script dynamique souvent utilisée dans le développement front-end Web. En JavaScript, il existe une restriction de sécurité très importante appelée « Same-Origin Policy ». Cette politique impose des restrictions importantes sur le contenu de la page auquel le code JavaScript peut accéder, c'est-à-dire que JavaScript ne peut accéder qu'au contenu sous le même nom de domaine que le document ou le script qui le contient. Les scripts sous différents noms de domaine ne peuvent pas accéder les uns aux autres, même dans les sous-domaines.
Mais parfois, les opérations inter-domaines sont inévitables. À l'heure actuelle, la « même politique d'origine » est une limitation. Que dois-je faire ? L'utilisation de la requête GET inter-domaines JSONP est une solution courante. Examinons comment l'inter-domaine JSONP est implémenté et explorons le principe de l'inter-domaine JSONP.
JSONP est mentionné ici, alors quelqu'un a demandé, quelles sont les différences et les différences entre lui et JSON. Jetons un coup d'œil à l'Encyclopédie Baidu a l'explication suivante :
JSON (JavaScript ? Object Notation) est un format d'échange de données léger. Il est basé sur un sous-ensemble de JavaScript (Standard ECMA-262 3e édition – décembre 1999). JSON utilise un format de texte totalement indépendant du langage, mais utilise également des habitudes similaires à la famille du langage C (notamment C, C++, C#, Java, JavaScript, Perl, Python, etc.). Ces propriétés font de JSON un langage d'échange de données idéal. Il est facile à lire et à écrire pour les gens, et il est également facile à analyser et à générer pour les machines (la vitesse de transmission du réseau est rapide).
JSONP (JSON with Padding) est un "mode d'utilisation" de JSON, qui peut être utilisé pour résoudre le problème de l'accès aux données inter-domaines par les navigateurs grand public. En raison de la politique de même origine, de manière générale, les pages Web situées sur server1.example.com ne peuvent pas communiquer avec des serveurs autres que server1.example.com, à l'exception de l'élément HTML
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
