XMLHttpRequest から HTML 応答データを取得して表示するにはどうすればよいですか?

XMLHttpRequest からの応答データの取得

Web 開発では、XMLHttpRequest を使用して Web ページとリモート サーバー間の非同期データ通信が可能になります。一般的なタスクの 1 つは、リモート URL の HTML コンテンツを JavaScript 変数に取得することです。

応答 HTML の取得

アクセスされたサイトの HTML にアクセスするには、XMLHttpRequest を使用します。 XMLHttpRequest.onreadystatechange イベント ハンドラー内の .responseText。以下に例を示します。

<br>var xhr = new XMLHttpRequest();<br>xhr.onreadystatechange = function() {<br> if (xhr.readyState === XMLHttpRequest.DONE) ) {</p>
<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">alert(xhr.responseText);

ログイン後にコピー

}
};
xhr.open('GET', 'http://foo.com/bar.php', true);
xhr.send (null);

クロスブラウザ互換性

より幅広いブラウザ互換性を得るには、jQuery の使用を検討してください:

<br>$.get('http://foo.com/bar.php', function(responseText) {<br> alert(responseText);<br>});<br>

同一生成元ポリシーの考慮事項

同一生成元ポリシーはJavaScript は、プロキシ スクリプトを独自に作成するなどの追加の措置を講じない限り、異なるオリジンからのデータへのアクセスを制限します。ドメイン。

以上がXMLHttpRequest から HTML 応答データを取得して表示するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。