AJAX - サーバー応答
サーバー応答のプロパティ
|
Property |
Description |
|---|---|
| responseText | 応答データを文字列として取得する |
| responseXML | 応答データをXMLデータとして取得する |
responseTextプロパティ
このresponseTextプロパティはサーバー応答をJavaScript文字列として返し、それに応じて使用できます。
responseXMLプロパティ
XMLHttpRequestオブジェクトには組み込みのXMLパーサーがあります。
このresponseXMLプロパティは、サーバー応答をXML DOM オブジェクトとして返します。
このプロパティを使用すると、応答をXML DOMオブジェクトとして解析できます。
例
ファイルをリクエストするcd_catalog.xml応答を解析します。
const xmlDoc = xhttp.responseXML;
const x = xmlDoc.getElementsByTagName("ARTIST");
let txt = "";
for (let i = 0; i < x.length; i++) {
txt += x[i].childNodes[0].nodeValue + "<br>";
}
document.getElementById("demo").innerHTML = txt;
xhttp.open("GET", "cd_catalog.xml");
xhttp.send();
サーバーの応答方法
|
Method |
Description |
|---|---|
| getResponseHeader() | サーバーリソースから特定のヘッダー情報を返します |
| getAllResponseHeaders() | サーバーリソースからすべてのヘッダー情報を返します |
getAllResponseHeaders()メソッド
このgetAllResponseHeaders()メソッドは、サーバー応答からすべてのヘッダー情報を返します。
例
const xhttp = new XMLHttpRequest();
xhttp.onload = function() {
document.getElementById("demo").innerHTML =
this.getAllResponseHeaders();
}
xhttp.open("GET", "ajax_info.txt");
xhttp.send();
getResponseHeader()メソッド
このgetResponseHeader()メソッドは、サーバー応答から特定のヘッダー情報を返します。
例
const xhttp = new XMLHttpRequest();
xhttp.onload = function() {
document.getElementById("demo").innerHTML =
this.getResponseHeader("Last-Modified");
}
xhttp.open("GET", "ajax_info.txt");
xhttp.send();
プログラミング学習を加速させる
プログラミングをプロの講師に教えてもらいませんか。