javascript配列で使用するtxtファイルからオブジェクトを取得するには？

Question

私は非常にコーディングとjavascriptに新しいです。私の配列で使用するテキストファイル（行で区切られたもの）からオブジェクトをインポートする方法があるかどうか疑問に思っていた：replyText。あなたはそれのパスを渡し.txtファイルを取得するためにXMLHttpRequestを使用することができます

// Variables 

var theButton = document.getElementById("theButton"); 
var mainText = document.getElementById("mainText"); 
var replyText = [...,...,...,...,]; 
var i = 0; 

// Functions 

function nextText() { 
    mainText.innerHTML = replyText[i++ % replyText.length]; 
} 

// MAIN SCRIPT 

theButton.onclick = function() { 
    nextText(); 
}; 

Answer 1

：ここでは、私が働いているものです。

var file = new XMLHttpRequest(); 
file.open("GET", "file:/../file.txt", false); 
file.onreadystatechange = function() { 
    if (file.readyState === 4) { 
     if (file.status === 200 || file.status == 0) { 
      var text = file.responseText; 
      alert(text); 
     } 
    } 
} 

EDIT：あなたは、クライアント/ブラウザ側のファイルの読み込みのために絶対パスfile:///C:/your/path/to/file.txt

Answer 2

を渡す必要があります。

あなたがあるとしてあなたは簡単に、クライアント側のファイルを読み取ることができませんクライアントのファイルシステムに直接アクセスは許可されていません。ただし、input要素をHTMLマークアップに配置して、クライアントが処理するファイルを読み込むことができます。たとえば、次のようにクライアントが読み込まれ、ファイルを処理する、readFile()関数が呼び出されます使用するファイルを選択し、今

<input type="file" id="file" onchange="readFile()" /> 

。ここに例があります：

function readFile() { 

    var file = document.getElementById('file').files[0]; // select the input element from the DOM 

    var fileReader = new FileReader(); // initialize a new File Reader object 

    fileReader.onload(function() { // call this function when file is loaded 

     console.log(this.result); // <--- You can access the file data from this variable 

     // Do necessary processing on the file 

    }); 

    fileReader.readAsText(file); // Read the file as text 

} 

docsを参照してください。

Answer 3

は、あなたがサーバーからファイルを要求するために ``はXMLHttpRequest（）を使用することができます

var replyText = text.split("\n"); // "\n" is new line character