어떻게 AJAX 호출을 사용하여 텍스트 또는 XML 파일에 액세스 할 수 있습니까?

Question

<div id="new"></div> 
<button id="btn" onclick="changeContent('C:\Users\MarshMellow\Desktop\whatever.txt', newFunc)">Click Here!!</button> 
<script type="text/javascript"> 
function changeContent(url,callFunc) { 
    var xhttp;`declaration' 
    xhttp.onreadystatechange= function() { 
     if(this.readyState == 4 && this.status == 200) { 
      callFunc(this); 
     } 
    }; 
    xhttp.open("GET","C:\Users\MarshMellow\Desktop\whatever.txt",true); 
    xhttp.send(); 
} 
function newFunc(xhttp) {`Function call` 
    document.getElementById("new").innerHTML=xhttp.responseText; 
} 

여전히 출력이 없습니다. AJAX 호출이 제대로 작동하지 않는 것 같습니다.

Answer 1

컴퓨터에서 정적 파일로 작업하는 것 같습니다. 서버에서 ajax 호출을 원할 경우 요청해야합니다. ajax 호출을 너무 사용하고 싶다면 서버를 설정하고 사이트의 디렉토리에 파일을 저장하십시오. 또 다른 옵션은 파일 입력을 사용하는 것입니다. filereader api

Answer 2

XMLHttpRequest 개체를 인스턴스화해야합니다.

그것은 코드의 이미지 대신 코드를 게시하시기 바랍니다 https://www.w3schools.com/xml/note.xml

function changeContent(url, callFunc) { 
    var xhttp = new XMLHttpRequest(); // instantiate XMLHttpRequest 
    xhttp.onreadystatechange = function() { 
    if (this.readyState == 4 && this.status == 200) { 
     callFunc(this); 
    } 
    }; 
    xhttp.open("GET", url, true); 
    xhttp.send(); 
} 

기본 문서