jsonp がクロスドメインの問題を解決する方法
- zbtオリジナル
- 2023-11-29 10:18:501395ブラウズ
JSONP は、<script> タグを動的に作成することでクロスドメイン リクエストを可能にするテクノロジーです。手順は次のとおりです: 1. サーバーから返されたデータの処理に使用されるコールバック関数をクライアント ページに作成します; 2. <script> タグを動的に作成し、その src 属性をターゲットの URL に設定しますサーバーにコールバック関数の名前であるパラメータが URL で渡されます; 3. サーバーはリクエストを受信した後、返されたデータのコールバック関数内のデータをラップしてクライアントなどに返します。 </p></blockquote> <p><img src="https://img.php.cn/upload/article/202311/29/2023112910103556172.jpg" alt="jsonp がクロスドメインの問題を解決する方法" ></p> <p style="text-wrap: wrap;"><span style="text-wrap: nowrap;"></span>JSONP (パディング付き JSON) は、クロスドメイン リクエストを解決するために使用されるテクノロジーであり、これにより、異なるドメインの Web ページが実行できるようになります。クロスドメインデータアクセス。 JSONP がクロスドメイン問題を解決する方法を紹介する前に、まずクロスドメイン問題の性質と原因を理解する必要があります。 <span style="text-wrap: nowrap;"><br></span></p> <p style="text-wrap: wrap;"><span style="text-wrap: nowrap;"></span>クロスドメインの問題は、ブラウザーの同一生成元ポリシーによって発生します。同一生成元ポリシーは、あるソースからロードされたドキュメントまたはスクリプトが別のソースのリソースと対話する方法をブラウザーに制限することを要求するセキュリティ メカニズムです。同一生成元ポリシーでは、Web ページ内のスクリプトが同じソースのリソースにのみアクセスでき、他のドメインのリソースに直接アクセスできないことが要求されます。この制限は、ユーザーのプライバシーとセキュリティを保護し、悪意のある Web サイトがユーザー情報を盗んだり、悪意のある攻撃を実行したりするのを防ぐためです。 <span style="text-wrap: nowrap;"><br></span></p> <p style="text-wrap: wrap;"><span style="text-wrap: nowrap;"></span>JSONP は、<script> タグを動的に作成することでクロスドメイン リクエストを可能にするテクノロジーです。その基本原理は、<script> タグにはクロスドメインの制限がないという事実を利用して、クロスドメインのデータ送信を実現することです。 JSONP がクロスドメインの問題をどのように解決するかについては、以下で詳しく説明します。 <span style="text-wrap: nowrap;"><br/></script>
1. JSONP の動作原理:
動作原理JSONP のこれは非常に単純で、動的に