JSONPとは、JavaScript Object Notation with Padding（JSONでパディング）の略で、Webページから他のサーバーにデータを取得するための技術です。主に、同一ドメインポリシーが適用されている場合、他のドメインのサーバーからJavaScriptコードを読み込むことを避けるために使用されます。通常、JSONデータを渡すために使用されるが、JavaScriptコードとしての読み込み

JSONPとは何か JSONPとは、JavaScript Object Notation with Paddingの略で、JSONデータを利用したデータ交換方法の一つです。 JSONPとは何か JSONPとは、JSONデータをパディングして利用する技術のことで、主に同一ドメイン外からのJavaScriptの読み込みを許可するためのものです。 JSONPの使用方法 JSONPの使用方法は以下の通りです。 1.

まず最初に知ってください。

1. JSONPの基本原理は、ターゲットページがローカルページのメソッドをコールバックし、パラメータを引き渡すことです。
2. 私たちがよく使うダイナミックページにはjsp、php、aspxがあります。

JSONPに何の必要があるの？

ブラウザのセキュリティ制限により、データは直接ドメイン間で（ルートドメイン、サブドメイン、異なるポートを含む）リクエストできません。ターゲットドメインがアクセスを許可していれば除きます。例えば、crossdomain.xmlの設定やHTTPヘッダでの認可が必要です。

しかし、crossdomain.xmlはすべてのデータへのアクセスを許可するが、ヘッダー設定は非常に厄介です。

したがって、認可データの返却にJSONPを設定し、すべての呼び出し元にデータを取得させることができます。

JSONPの原理：JSONPの原理は、JavaScriptの同源ポリシーを回避するための技術で、JSONデータを取得する際に、iframeやscriptタグを用いて他のドメインのサーバーからデータを読み込む方法です。この場合、通常のGETリクエストではなく、Callback関数をパラメータとして渡すことで、JSONデータを安全に読み込むことができます。

JSONPはコールバックを使った原理です。

ウェブページで他のページのJSをインクルードすると、そのページのJSはあなたのページのコードを呼び出せるよ。

直接リクエストのJavaScriptと、リクエストされた動的ページ(jsp,php,aspx)で出力されるJavaScriptは効果が同じです。

function showjson(json){
    alert(json.url);
}

如果引用的js或动态页面里有 showjson({"url":" http://www.bejson.com "});这行代码的话,那就会弹出 http://www.bejson.com

JSONPの第1種方法、目的をJS形式で読み込むが、実際にはPHPである場合もあります

以下ページでリクエストします http://www.ibilibili.com/static/js/forbejson/userinfo.php ページのデータ、このPHPページのデータは、showjsonコールバック関数を呼び出して、bejsonページのshowjsonメソッドにJSONを渡します：

< ?php 
    // ここではPHPページ内で、showjsonメソッドをコールバックします。このメソッドは、上記で定義されたローカルページのコールバックメソッドと一致する必要があります。
    echo 'showjson({"url":"http://www.bejson.com"})';
?>

PHPでのリクエストとコールバック関数：

$("#getuserp").click(function(){
    $.getScript("//www.bejson.com/test/userinfop.php");
});

それでは、パケットキャプチャを行ったら（上图参照）、ボタンをクリックするとHTTPリクエストが送信されます。

リクエストしました// www.bejson.com/test/userinfop.php ページ

页面里输出了 showjson({"url":" http://www.bejson.com "}) ,

因為は、 JavaScriptファイルとして読み込む したがって、ローカルページのshowjsonにコールバックを行い（緑色の矢印を参照）、JSONパラメータを渡します（赤色の矢印を参照）。したがって、JSON内のURLが弹出されます。

jQueryのAJAXでJSONPをリクエストする

ありがとうございます 瓢の花（かごのはな） 指出コードのエラー、そして正しいコードを提供してください。

​x
 $.ajax({
     url:'//www.bejson.com/test/userinfop.php',
     type:"GET",
            dataType:"jsonp",
            jsonp: false, 
            jsonpCallback: "showjson", ここの値はコールバック関数の名前と同じにする必要があります。
            success:function(data){
                console.log("Script loaded and executed.");
            },
            error:function (textStatus) { 失敗後に呼び出される関数
                console.log(JSON.stringify(textStatus));
            }
});