Maison interface Web js tutoriel Comment jsonp obtient-il des données sur tous les domaines ? (exemple de code)

Comment jsonp obtient-il des données sur tous les domaines ? (exemple de code)

Jan 05, 2019 am 10:24 AM
jsonp 获取数据 跨域

Comment jsonp obtient-il des données sur tous les domaines ? Cet article vous présentera la méthode jsonp pour obtenir des données inter-domaines. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer.

Conseils d'acquisition de données inter-domaines JSONP

Étant donné que le navigateur a une politique de même origine, vous devez obtenir des données non originales ( protocole, nom de domaine , si les trois ports sont différents, les données de la page sont considérées comme non originales), il doit être cross-domain

(1) principe jsonp

Étant donné que l'attribut src de la balise script peut accéder aux scripts js non originaux, accéder au serveur via l'attribut src renverra le code js de la fonction, et les données que nous voulons sont renvoyées sous forme de paramètre de fonction, et nous allons d'abord définir cette fonction et retourner Le code js peut être exécuté

(2) code d'implémentation jsonp

page de demande

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
<script type="text/javascript">
    function jsonp(data){
        console.log(username)
    }
</script>
<script type="text/javascript" src="jquery-1.8.3.min.js">
</script>
<script type="text/javascript">
    $(document).ready(function(){
        var url = "http://www.example.com/jsonp.php?callback=jsonp";
        var script = $('<script><\/script>');
        script.attr("src",url);
        $("body").append(script);
    });
</script>
</body>
</html>
Copier après la connexion
<?php

$data = {&#39;name&#39;: &#39;张三&#39;};
$callback = $_GET[&#39;callback&#39;];
echo $callback."(".json_encode($data).")";

?php>
Copier après la connexion

Après cela, php retournera

jsonp({
    name:'niuni
})
Copier après la connexion

puis le code h renvoyé par PHP sera exécuté par la méthode jsonp de la page demandée

(3) Jsonp simple cross-domain de jQuery

<script>
    function showData (data) {
        console.info(data);
    }
    $(document).ready(function () {
        $("#btn").click(function () {
            $.ajax({
                url: "http://www.example.comjsonp",
                type: "GET",
                dataType: "jsonp",// 返回数据类型
                jsonpCallback: "showData",//回调函数
                // 获取数据成功就执行success函数
                success: function (data) {
                    console.info("data");
                }
            });
        });
    });
</script>
Copier après la connexion

Résumé : Ce qui précède représente l'intégralité du contenu de cet article, J'espère que cela sera utile à l'étude de chacun. Pour un contenu plus passionnant, vous pouvez prêter attention aux colonnes de didacticiels pertinentes du site Web PHP chinois ! ! !

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!

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Meilleurs paramètres graphiques
4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Comment réparer l'audio si vous n'entendez personne
4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Commandes de chat et comment les utiliser
4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Solution au problème inter-domaines de session PHP Solution au problème inter-domaines de session PHP Oct 12, 2023 pm 03:00 PM

Solution au problème inter-domaines de PHPSession Dans le développement de la séparation front-end et back-end, les requêtes inter-domaines sont devenues la norme. Lorsque nous traitons de problèmes interdomaines, nous impliquons généralement l'utilisation et la gestion de sessions. Cependant, en raison des restrictions de la politique d'origine du navigateur, les sessions ne peuvent pas être partagées par défaut entre les domaines. Afin de résoudre ce problème, nous devons utiliser certaines techniques et méthodes pour réaliser le partage de sessions entre domaines. 1. L'utilisation la plus courante des cookies pour partager des sessions entre domaines

Quelle est la meilleure façon d'obtenir des données boursières en utilisant Python ? Quelle est la meilleure façon d'obtenir des données boursières en utilisant Python ? Aug 26, 2023 pm 01:41 PM

Dans cet article, nous apprendrons la meilleure façon d'obtenir des données boursières à l'aide de Python. La bibliothèque yfinancePython sera utilisée pour récupérer les données actuelles et historiques sur les cours boursiers de Yahoo Finance. Installez Yahoo Finance (yfinance) L'une des meilleures plateformes pour obtenir des données boursières est Yahoo Finance. Téléchargez simplement l'ensemble de données depuis le site Web Yahoo Finance et utilisez la bibliothèque yfinance et la programmation Python pour y accéder. Vous pouvez installer yfinance à l'aide de pip, tout ce que vous avez à faire est d'ouvrir l'invite de commande et de taper la commande suivante pour afficher la syntaxe : Syntaxe pipinstallyfinance La meilleure partie de la bibliothèque yfinance est qu'elle est gratuite et ne nécessite pas une clé API comme

Comment faire des requêtes cross-domaines dans Vue ? Comment faire des requêtes cross-domaines dans Vue ? Jun 10, 2023 pm 10:30 PM

Vue est un framework JavaScript populaire pour créer des applications Web modernes. Lors du développement d'applications à l'aide de Vue, vous devez souvent interagir avec différentes API, qui sont souvent situées sur des serveurs différents. En raison des restrictions des politiques de sécurité inter-domaines, lorsqu'une application Vue s'exécute sur un nom de domaine, elle ne peut pas communiquer directement avec l'API sur un autre nom de domaine. Cet article présentera plusieurs méthodes pour effectuer des requêtes inter-domaines dans Vue. 1. Utiliser un proxy Une solution inter-domaines courante consiste à utiliser un proxy

Comment utiliser Flask-CORS pour réaliser le partage de ressources entre domaines Comment utiliser Flask-CORS pour réaliser le partage de ressources entre domaines Aug 02, 2023 pm 02:03 PM

Comment utiliser Flask-CORS pour réaliser le partage de ressources entre domaines Introduction : Dans le développement d'applications réseau, le partage de ressources entre domaines (CrossOriginResourceSharing, appelé CORS) est un mécanisme qui permet au serveur de partager des ressources avec des sources ou des noms de domaine spécifiés. Grâce à CORS, nous pouvons contrôler de manière flexible la transmission de données entre différents domaines et obtenir un accès inter-domaines sûr et fiable. Dans cet article, nous présenterons comment utiliser la bibliothèque d'extensions Flask-CORS pour implémenter la fonctionnalité CORS.

Comment utiliser JSONP pour implémenter des requêtes inter-domaines dans Vue Comment utiliser JSONP pour implémenter des requêtes inter-domaines dans Vue Oct 15, 2023 pm 03:52 PM

Introduction à l'utilisation de JSONP pour implémenter des requêtes inter-domaines dans Vue En raison des restrictions de la politique de même origine, le front-end sera dans une certaine mesure gêné lors des requêtes inter-domaines. JSONP (JSONwithPadding) est une méthode de requête inter-domaines. Elle utilise les caractéristiques de la balise &lt;script&gt; pour implémenter les requêtes inter-domaines en créant dynamiquement la balise &lt;script&gt; fonction de rappel. Cet article présentera en détail comment utiliser JSONP dans Vue

Comment autoriser l'utilisation inter-domaines des images et du canevas en HTML ? Comment autoriser l'utilisation inter-domaines des images et du canevas en HTML ? Aug 30, 2023 pm 04:25 PM

Pour permettre l'utilisation d'images et de canevas sur plusieurs domaines, le serveur doit inclure les en-têtes CORS (Cross-Origin Resource Sharing) appropriés dans sa réponse HTTP. Ces en-têtes peuvent être définis pour autoriser des sources ou méthodes spécifiques, ou pour permettre à n'importe quelle source d'accéder à la ressource. HTMLCanvasUn HTML5Canvas est une zone rectangulaire sur une page Web contrôlée par le code JavaScript. Tout peut être dessiné sur le canevas, y compris les images, les formes, le texte et les animations.

Problèmes inter-domaines rencontrés dans le développement de la technologie Vue et leurs solutions Problèmes inter-domaines rencontrés dans le développement de la technologie Vue et leurs solutions Oct 08, 2023 pm 09:36 PM

Problèmes et solutions inter-domaines rencontrés lors du développement de la technologie Vue Résumé : Cet article présentera les problèmes et solutions inter-domaines qui peuvent être rencontrés lors du développement de la technologie Vue. Nous commencerons par les causes de l'origine croisée, puis aborderons quelques solutions courantes et fournirons des exemples de code spécifiques. 1. Causes des problèmes inter-domaines Dans le développement Web, en raison de la politique de sécurité du navigateur, le navigateur limitera les requêtes d'une source (domaine, protocole ou port) pour les ressources d'une autre source. C'est ce qu'on appelle la « politique de la même origine ». Lorsque nous développons la technologie Vue, le front-end et

Utilisez CORS dans le framework Beego pour résoudre des problèmes inter-domaines Utilisez CORS dans le framework Beego pour résoudre des problèmes inter-domaines Jun 04, 2023 pm 07:40 PM

Avec le développement des applications Web et la mondialisation d'Internet, de plus en plus d'applications doivent effectuer des requêtes inter-domaines. Les requêtes inter-domaines sont un problème courant pour les développeurs front-end et peuvent empêcher les applications de fonctionner correctement. Dans ce cas, l’un des meilleurs moyens de résoudre le problème des requêtes d’origine croisée consiste à utiliser CORS. Dans cet article, nous nous concentrerons sur la façon d'utiliser CORS dans le framework Beego pour résoudre des problèmes inter-domaines. Qu'est-ce qu'une requête inter-domaines ? Dans les applications Web, les requêtes inter-domaines font référence aux requêtes d'une page Web d'un nom de domaine à une autre.

See all articles