クロスドメインのJSONPの例

まず、クロスドメインは何ですか

第二に、クロスドメインを解決する方法

1.一般的なフロントエンドJSONP

HTTPプロトコルヘッダを解析2.構成サーバー

第三に、実施例JSONP

<！DOCTYPE HTML > 
< HTML > 
< ヘッド> 
    < タイトル> JSONPクロスドメインのテスト</ タイトル> 
</ ヘッド> 
< 身体> 
    < スクリプトタイプ= "テキスト/ JavaScriptを" > 
        関数コールバックのRES（R＆LT）{//定義リターンを受信する結果
            にconsole.log（R＆LT）
        } 
    </ スクリプト> 
    < スクリプトSRC = "./ api.json？コールバックRES =" > 
        要求の前に//！パス
　　　　 //？コールバックは、CB後の略記することがありますコールバック関数の名前
    </ スクリプト>  
</ ボディ> 
</ HTML >

次のようにJSONファイルのコンテンツ要求は次のようになります。

RES（{ "データ"： "JS"}）

次のような効果があり、コンソールを開き、htmlファイルを開くには、ブラウザに移動します：