ホームページ >ウェブフロントエンド >jsチュートリアル >XMLHttpRequest からの応答を取得して使用するにはどうすればよいですか?

XMLHttpRequest からの応答を取得して使用するにはどうすればよいですか?

Susan Sarandon
Susan Sarandonオリジナル
2024-12-08 21:20:14985ブラウズ

How Do I Retrieve and Use the Response from an XMLHttpRequest?

XMLHttpRequest 応答の取得

XMLHttpRequest は、HTTP リクエストを作成し、応答を非同期に取得できるブラウザベースのテクノロジです。レスポンスへのアクセス方法を理解することは、多くの Web 開発タスクにとって重要です。

XMLHttpRequest.responseText によるレスポンスの取得

XMLHttpRequest リクエストが完了したとき (つまり、XMLHttpRequest .readyState は XMLHttpRequest.DONE と等しい)、応答のXMLHttpRequest.responseText を使用した HTML コンテンツ。これには、要求に応じて、アクセスしたサイトの HTML が含まれます。

使用例:

http://foo.com から HTML をロードしてアラートを表示するには/bar.php では、次のコードを使用できます:

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

クロスブラウザ互換性

ブラウザ間の互換性を強化するには、AJAX リクエストを行うためのよりクリーンで簡潔な方法を提供する jQuery の使用を検討してください。

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

同一生成元ポリシー

ローカルホストで実行していない場合は、JavaScript の同一生成元ポリシーに留意してください。クロスサイトリクエストを回避するには、ドメイン上にプロキシスクリプトを作成する必要がある場合があります。

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。