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

XMLHttpRequest 応答データを取得する方法

XMLHttpRequest は、JavaScript を通じてリモート URL からデータをロードして操作する方法を提供します。これを使用すると、Web サイトの HTML コンテンツを取得し、それを変数に保存してさらに処理することができます。

これを実現するには、次の手順を実行します。

1. 作成XMLHttpRequest オブジェクト:

   var xhr = new XMLHttpRequest();

2. のイベント リスナーを定義します。 onreadystatechange イベント。リクエストの状態が変化したときにトリガーされます。

   xhr.onreadystatechange = function() { ... };

3. イベント リスナー内で、リクエストが完了したかどうかを確認し (XMLHttpRequest.DONE)、次を使用して応答テキストを取得します。 xhr.responseText.

   if (xhr.readyState == XMLHttpRequest.DONE) {
       alert(xhr.responseText);
   }

4. HTTP GET リクエストを目的の URL に送信します:

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

ブラウザ間の互換性があることに注意してくださいjQuery などのライブラリを使用して機能を強化すると、プロセスが簡素化され、ブラウザ固有の機能が考慮されます。問題:

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

クロスオリジンリクエストを制限する JavaScript の同一オリジンポリシーに留意してください。この制限を克服するには、プロキシ スクリプトの使用を検討してください。

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