[解決済み】XMLHttpRequestの応答を取得する方法は?
2022-04-07 18:06:01
質問
XMLHttpRequestを使ってリモートURLのコンテンツを読み込み、アクセスしたサイトのHTMLをJS変数に格納させる方法を知りたいです。
のHTMLを読み込んでalert()したい場合、次のようにします。 http://foo.com/bar.php どうすればいいのでしょうか?
どのように解決するのですか?
で入手することができます。
XMLHttpRequest.responseText
において
XMLHttpRequest.onreadystatechange
と
XMLHttpRequest.readyState
と同じです。
XMLHttpRequest.DONE
.
以下はその例です(IE6/7には非対応)。
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);
IE6/7 だけでなくクロスブラウザの互換性を高め、ブラウザ固有のメモリリークやバグをカバーし、さらに ajax リクエストを冗長にしないためには、次のようにします。 jQuery .
$.get('http://example.com', function(responseText) {
alert(responseText);
});
を取る必要があることに注意してください。 JavaScriptの同一生成元ポリシー を考慮に入れてください。あなたのドメインでプロキシスクリプトを作成することを検討するとよいでしょう。
関連
-
[解決済み】Reactのeslintエラーはpropsの検証で見つからない
-
[解決済み] 配列から特定の項目を削除するにはどうすればよいですか?
-
[解決済み] JavaScriptで "use strict "は何をするのか、その根拠は?
-
[解決済み] JavaScriptでタイムスタンプを取得する方法は?
-
[解決済み] 私のJavaScriptコードは "No 'Access-Control-Allow-Origin' header is present on requested resource "というエラーを受け取りますが、Postmanはそうならないのはなぜですか?
-
[解決済み] セレクタの子を取得する方法は?
-
[解決済み] jQueryを使用しない$(document).ready相当
-
[解決済み] フォーム送信のようなJavaScriptのポストリクエスト
-
[解決済み] XMLHttpRequestでPOSTデータを送信する
-
[解決済み】別のウェブページにリダイレクトするにはどうすればいいですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】Failed to load resource: net::ERR_FILE_NOT_FOUND loading json.js
-
[解決済み】フォームコントロールの値アクセサがない
-
[解決済み】SyntaxError: 'import' と 'export' は 'sourceType: module' とだけ表示されるかもしれない - Gulp
-
[解決済み】未定義のプロパティ 'bind' を読み込めない。React.js【重複あり
-
[解決済み】WebpackとBabelで「このファイルタイプを扱うには適切なローダーが必要な場合があります。
-
[解決済み】React.jsの配列の子要素のユニークキーを理解する
-
[解決済み】Kendo Observable Bindingと併用する場合、Kendo Switch Labelsを変更することは可能ですか?[Kendo-UI]です。
-
[解決済み】TypeError: res.status は関数ではありません。
-
[解決済み】ETIMEDOUTエラーの対処方法は?
-
[解決済み】中央値の計算 - javascript