XMLHttpRequest と jQuery を使用して HTTP 応答コンテンツを取得するにはどうすればよいですか?

XMLHttpRequest を使用した HTTP 応答コンテンツの取得

XMLHttpRequest は、非同期 HTTP 要求用の強力なツールです。これを利用すると、リモート コンテンツを JavaScript 変数に簡単に読み込むことができます。

レスポンスへのアクセス

HTTP レスポンス コンテンツを取得するには、次の場合に XMLHttpRequest.onreadystatechange イベント ハンドラーの XMLHttpRequest.responseText プロパティにアクセスします。 XMLHttpRequest.readyState と等しいXMLHttpRequest.DONE.

サンプル実装

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

jQuery による代替

ブラウザ間の互換性を強化し、使用法を簡略化するために、jQuery は $.get() 関数を提供します。

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

クロスオリジンポリシー考慮事項

異なるオリジンからコンテンツにアクセスする場合は、JavaScript の同一オリジン ポリシーに留意してください。この制限を回避するには、ドメイン上にプロキシ スクリプトを作成することを検討してください。

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