자바 스크립트에서 텍스트 파일을 읽어야합니다.

Question

사용자 요청에 따라 서버에서 텍스트 형식의 데이터 파일을 읽는 자바 스크립트로 웹 페이지를 작성하고 있습니다. 일단 텍스트 파일이로드되면 데이터를 다소 조작해야합니다.

로딩에 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');