XMLHttpRequest を使用してリモート HTML を取得し、JavaScript 変数に保存するにはどうすればよいですか?

XMLHttpRequest の応答の取得

XMLHttpRequest は、リモート コンテンツを JavaScript 変数にロードするための多用途ツールです。特定の URL の HTML コンテンツを取得するには、次の手順に従います。

問題ステートメント:

を使用してリモート サイトの HTML を JS 変数に保存するにはどうすればよいですか? XMLHttpRequest?

解決策:

XMLHttpRequest.readyState が XMLHttpRequest.DONE と等しい場合にトリガーされる XMLHttpRequest.onreadystatechange 内の XMLHttpRequest.responseText には、HTML が含まれています応答。

例:

var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
    if (xhr.readyState == XMLHttpRequest.DONE) {
        alert(xhr.responseText);
    }
}
xhr.open('GET', 'http://example.com', true);
xhr.send(null);

ブラウザ間の互換性:

ブラウザ間の互換性を強化するには、活用できるjQuery:

$.get('http://example.com', function(responseText) {
    alert(responseText);
});

同一オリジン ポリシー:

JavaScript の同一オリジン ポリシーはクロスオリジン リクエストを制限することに注意してください。この制限を回避するには、ドメイン上にプロキシ スクリプトを作成することを検討してください。

以上がXMLHttpRequest を使用してリモート HTML を取得し、JavaScript 変数に保存するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。