HTML、javascriptを使用し、あるボタンを押すと、テキストファイルの内容を表示する方法を教えてください

Question

###前提・実現したいこと
HTML、JavaScriptを使用し、「抽出」ボタンを押下したら、
指定したテキストファイルの内容を画面に表示する
システムを作成中です。

###発生している問題・エラーメッセージ
何も表示されない

###該当のソースコード
言語：JavaScript

ソース
var xmlHttp;

/* 抽出ボタン押下処理 */
function loadText(){

if (window.XMLHttpRequest){
xmlHttp = new XMLHttpRequest();
}else{
if (window.ActiveXObject){
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}else{
xmlHttp = null;
}
}
xmlHttp.onreadystatechange = checkStatus;
xmlHttp.open("GET", "file://Z:/aaa/test.txt", true);

xmlHttp.send(null);
}

function checkStatus(){
if (xmlHttp.readyState == 4 && xmlHttp.status == 200){
var node = document.getElementById("disp");
node.innerHTML = xmlHttp.responseText;
}
}

###試したこと
xmlHttp.readyState が 1 or 4
xmlHttp.status が 0になる

###補足情報(言語/FW/ツール等のバージョンなど)
より詳細な情報

Comments

[kei344]

質問文のコードはコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。

Answer 1

セキュリティ上、ローカルファイルへのXHRにはブラウザによって制約がかかります。回避する方法はいくつかありますが、Chromeに限っては「オプション引数付きでChromeを起動する」という手段が必要となります。

ローカル(file:///)上で外部ファイル読み込みのセキュリティ制約を回避するいくつかの方法

Answer 2

ローカルファイルへのアクセスの場合はxmlHttp.status==0にしてみてください。

XMLHttpRequest入門

また、chromeを使用している場合はmaisumakunさんの書き込みに従って設定してみてください。