JavaScriptからテキストファイルを読み取る必要があります

Question

ユーザーリクエストごとにサーバーからテキスト形式のデータファイルを読み込むためのjavascriptを使用してWebページを作成しています。テキストファイルがロードされたら、データをいくらか操作する必要があります。

私はロードのためにXMLHttpRequestを使用していましたが、同期要求が「廃止予定」となっています。データがロードされる前にデータを操作することはできません。この場合、私は何ができますか？

Answer 1

asynchronous requestを使用します。

function doGET(path, callback) { 

    var xhr = new XMLHttpRequest(); 
    xhr.onreadystatechange = function() { 
     if (xhr.readyState == 4) { 
      // The request is done; did it work? 
      if (xhr.status == 200) { 
       // ***Yes, use `xhr.responseText` here*** 
       callback(xhr.responseText); 
      } else { 
       // ***No, tell the callback the call failed*** 
       callback(null); 
     } 
    }; 
    xhr.open("GET", path); 
    xhr.send(); 
} 

function handleFileData(fileData) { 
    if (!fileData) { 
     // Show error 
     return; 
    } 
    // Use the file data 
} 

// Do the request 
doGET("/path/to/file", handleFileData); 

またはコールバックを処理するために、より現代的な方法である約束を、使用して：

function doGET(path, callback) { 
    return new Promise(function(resolve, reject) { 
     var xhr = new XMLHttpRequest(); 
     xhr.onreadystatechange = function() { 
      if (xhr.readyState == 4) { 
       // The request is done; did it work? 
       if (xhr.status == 200) { 
        // Yes, use `xhr.responseText` to resolve the promise 
        resolve(xhr.responseText); 
       } else { 
        // No, reject the promise 
        reject(xhr); 
       } 
      } 
     }; 
     xhr.open("GET", path); 
     xhr.send(); 
    }); 
} 

// Do the request 
doGET("/path/to/file") 
    .then(function(fileData) { 
     // Use the file data 
    }) 
    .catch(function(xhr) { 
     // The call failed, look at `xhr` for details 
    }); 

Answer 2

ローカルファイルを処理したいので、この

をお試しください

使用するXMLHttpRequest

function readFile(file) 
{ 
    var f = new XMLHttpRequest(); 
    f.open("GET", file, false); 
    f.onreadystatechange = function() 
    { 
     if(f.readyState === 4) 
     { 
      if(f.status === 200 || f.status == 0) 
      { 
       var res= f.responseText; 
       alert(res); 
      } 
     } 
    } 
    f.send(null); 
} 

その後、同期が、非同期要求を使用しないでFile:\\

readFile('File:\\\yourpath');