ホームページ > 記事 > ウェブフロントエンド > AJAX クロスドメインリクエストデータの 4 つの方法を説明する例

AJAX クロスドメインリクエストデータの 4 つの方法を説明する例

ブラウザーの同一生成元ポリシーにより、Ajax リクエストはリクエスト応答で返されたデータを受け取ることができません。この記事では主に AJAX クロスドメインリクエストデータの 4 つの方法を紹介し、皆様のお役に立つことを願っています。

データをリクエストするには、ブラウザーの組み込みコンストラクター XMLHttpRequest() を呼び出してインスタンスオブジェクトを作成する必要があります

var xhr = new XMLHttpRequest();

以前は ActiveXobject("Microsoft.XMLHTTP"); がサポートされていたことに注意してください。 IE8; 必ずこれを実行してください互換処理ここでは書きません

このオブジェクトを通じて取得します

データ取得の4つの状態 xhr.readyState この属性はリクエストデータのいくつかの状態を保存します

1.xhr.open (リクエストメソッド、 request Address, set synchronous/asynchronous);

2.xhr.send(null);//送信リクエストの場合、send

3でパラメータを渡す必要があります。返されました

4. データを返す xhr.readyState の値は 4 で、データが正常に返されたことを示します

そのため、クロスドメインリクエストを行う必要があります

オプション 1:

src を使用しますscript タグの属性を使用してデータをリクエストします。src 属性によってリクエストされたデータブラウザは