JavaScriptデモ／AJAX「外部テキスト･ファイル読み込み」
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
</style>
</head>
<body>
<div id="idDisplay"></div>
</body>
<script>
let wDisplay = document.getElementById("idDisplay");
let sCharset = "UTF-8";
let sFileName = "hoge.txt"
let oAJAX = new XMLHttpRequest();
oAJAX.overrideMimeType('text/plain; charset=' + sCharset);
oAJAX.open("GET", sFileName, true);
oAJAX.onload = function () {
console.log("oAJAX.onload");
if (this.readyState === 4 && this.status === 200) {
console.log("this.readyState: " + this.readyState);
console.log("this.status: " + this.status);
let res = oAJAX.responseText;
wDisplay.innerText = res;
}
};
oAJAX.send(null);
</script>
</html>
コメント
コメントを投稿