JSONP_json についての私の意見

私は JavaScript を初めて使用するので、自分自身の理解が少しありますが、不適切な点があれば修正してください~

JSONP:

ローカル HTML ファイルが xxx Web サイト (クロスドメイン) データを取得する場合に使用されるメソッド。

クロスドメインの問題:

外部サーバーからのデータには、外部サーバーの js を使用してのみアクセスでき、ローカル js には XMLHttpRequest() を使用してアクセスできません。

外部サーバーの Web サービスは、http://gumball.wickedlysmart.com/ などの JSON データを提供します。データは関数 updateSales のパラメーターとして含まれており、現在はローカル HTML で外部からアクセスされる サーバー内の JSON データをどうするか?

1. Web サービスのドキュメントを確認し、サービスで実際に使用されるパラメーター名を明確にします (この例では、オブジェクト配列であるパラメーターが 1 つだけあります)。 2. URL
http://gumball.wickedlysmart.com/?callback=updateSales でコールバック関数を指定します。これは、Web サービスの JSON データにアクセスするための関数名を指定するために使用されます。 > 3. 定義した関数名を使用してローカル js ファイルに関数 updateSales (オブジェクト) を作成し、外部 JSON データを処理するメソッドを記述します。 4. HTML ファイルの タグの下にある <script> タグを使用して、外部 Web サービスにリンクします。 </script>

概要:

JSONP の目的は、ローカル HTML に関数インターフェイスを提供することです (ローカル HTML は、URL の後に? callback=functionName を追加することで関数名を指定できます)。データ アクセスのセキュリティを確保するために、サーバーは安全なデータを配置します。コールバック関数のパラメータのうち、関数内のパラメータはサーバーからローカルに提供されるデータです。これらのデータの使用方法については、ローカルの js でコールバック関数を定義する必要があります。

注: JSONP を使用してローカルで Web サービスをリクエストすると、安全でない Js コードが取得される可能性があるため、必ずこの Web サービスを信頼してください。

JSONP および XMLHttpRequest:

XMLHttpRequest は、内部 Web サービスの開発に使用され、内部アクセスと同一ドメイン アクセスが容易になります。

外部データにアクセスする場合 (クロスドメイン アクセス)、JSONP を使用する必要があります。

上記がこの記事の全内容です。jsonp の学習に役立つと幸いです。