ホームページ  >  記事  >  ウェブフロントエンド  >  Jsonp クロスドメイン原則と Jquery ソリューション_JavaScript スキル

Jsonp クロスドメイン原則と Jquery ソリューション_JavaScript スキル

WBOY
WBOYオリジナル
2016-05-16 18:27:15891ブラウズ

原則: JSONP はパディング付きの JSON です。同一オリジン ポリシーの制限により、XmlHttpRequest は現在のソース (ドメイン名、プロトコル、ポート) からのリソースのみを要求できます。クロスドメインリクエストを行いたい場合は、HTMLのscriptタグを使用してクロスドメインリクエストを行い、レスポンスで実行するスクリプトコードを返すことができます。JavaScriptオブジェクトはJSONを使用して直接渡すことができます。このクロスドメイン通信方式は JSONP と呼ばれます。
個人的な理解:

は関数 a(data) をクライアントに動的に登録し、その関数名をサーバーに渡し、サーバーは a({/*json*/}) を返すことです。クライアントに実行してクライアントの関数 a(data) を呼び出し、クロスドメインを実現します。

コードをコピーします コードは次のとおりです。次のように:


Jsonp をテスト "http://ajax.microsoft.com/ajax/jquery/jquery-1.4.2.js" type="text/javascript">








jQuery ソリューション:



< ;head>
Jsonp のテスト