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 属性によってリクエストされたデータ ブラウザは