JSは、どのようにそれをどのようにより良いクロスドメインのWebフロントエンド技術の把握

  どのようにより良いWebフロントエンド技術を習得するには?JSクロスドメインは、それがどのようにあるのですか?そのようなJSによって異なるドメイン(インラインフレーム)内のページで取得したリクエストデータまたはフレームデータに異なるドメインAJAXを使用するなどJSによって異なるドメイン間のデータ転送や通信のためのクロスドメインJavaScriptの手段。長いプロトコル、ドメイン名、異なるポート任意限り、異なるドメインとして扱われます。以下にそれをチェックしてください。

  あなたがクロスドメインを必要とする理由はこれに先立ち、まず理解しなければなりません。クロスドメインは、ブラウザを参照すると、スクリプトに他のサイトを実行することはできません。これは、ブラウザの同一生成元ポリシーによって引き起こされたJavaScriptに課せられたブラウザのセキュリティ制限されています。簡単に言えば、役割は、クロスドメインファイルにアクセスできるようにすることですドメインではありません。

JSは、どのようにそれをどのようにより良いクロスドメインのWebフロントエンド技術の把握


  クロスドメインの問題を解決するために、我々は次の方法を使用することができます。

  まず、JSONPクロスドメインによって(実際には、動的に作成されたスクリプトタグ)

  JSONP(JSONパディングとは)他のドメインからのデータにWebページを可能にするデータフォーマットJSON「使用モード」です。また、充填JSONと呼ばれるJSONPは、JSONは、アプリケーションの新しい方法であるが、JSON関数呼び出しに含まれています。データとコールバック関数:JSONPは二つの部分から構成されています。コールバック関数は、ページの到着に応答して呼び出される関数であり、データはJSONデータのコールバック関数に渡された場合。

  第二は、document.domainを+ IFRAMEによって(のみ同時にプライマリドメインをこの方法を使用します)

  a.htmlとb.html 2つの異なるドメイン

  解決策:2つのページには、我々はiframeのウィンドウオブジェクトのさまざまなプロパティにアクセスできるように、document.domainを挿入されています。

  第三に、クロスドメインwindow.nameを使用します

  原則:ライフサイクルの窓(ウィンドウ)で、すべてのページをロードするためのウィンドウが読み取りおよび書き込み権限のwindow.nameを持つように各ページwindow.nameを共有しています

  第四に、HTML5のクロスドメインの送信データのwindow.postMessageを使用する方法

  第五に、使用CORS

  CORSは、カスタムHTTPヘッダ、ブラウザとサーバこと対照的であり、応答がなければならない要求するかどうかを決定します。

  IE8 XDRオブジェクト実装のCORS、XHR、および同様の使用法を用いて

  最近のブラウザは、ライン上の通常のXMLHttpRequestオブジェクト要求を使用しています。

  もちろん、クロスドメインJavaScriptの絵のPingので、フラッシュの使用とを達成するための方法があります。クロスドメインは、最も重要な面接の質問の1のフロントエンドである、あなたはWebフロントエンドの開発を知りたい場合、専門的な学習に参加することが推奨され、他のものよりも1つのより多くの利点を習得します。


おすすめ

転載: blog.51cto.com/14551723/2467518