Ajaxのサンプル
サーバーのプラットフォーム:???
Node.jsのバージョン:???
サーバーが起動されてからの時間:??? 秒
ソース
function refreshServerInfo() {
const req = new XMLHttpRequest();
req.addEventListener('load', function() {
// this.responseText がJSONデータを含む文字列
// JSON.parseを使って、オブジェクトに変換する
const data = JSON.parse(this.responseText);
// <div>("serverInfo"のクラスをもつもの)のテキストを置換する。
const serverInfo = document.querySelector('.serverInfo');
// サーバーから返されたオブジェクトのすべてのキーについて処理を行う。
// ("platform"、"nodeVersion"、"uptime")
Object.keys(data).forEach(p => {
// プロパティがマッチする要素を捜す
const replacements =
serverInfo.querySelectorAll(`[data-replace="${p}"]`);
// 値を置換する
for(let r of replacements) {
r.textContent = data[p];
}
});
});
req.open('GET', 'http://localhost:7070', true);
req.send();
}
refreshServerInfo();
//setInterval(refreshServerInfo, 200); // こちらにすると自動更新