ajax를 통해 html 모듈을로드하는 방법은 무엇입니까?

Question

올바른 모듈을로드하기 위해 사용자가 내 사이트를 입력하는 경로에 따라 다릅니 까?

some_file.htm이라는 파일에 HTML을 저장하고 DOM에 파일을 추가하는 것보다 클라이언트에 파일을 저장하는 것이 간단합니까?

나는 그것이 쉽지 않은지 궁금한 점이 있습니까?

감사합니다.

Answer 1

간단한 예 :

자바 스크립트 :

<script defer="true"> 
    (function(){ 

     var xhr = new XMLHttpRequest(); 

     xhr.addEventListener("load", function(resp){ 
      document.querySelector('div.container').innerHTML = resp.target.responseText; 
     }, false); 

     xhr.open("get", "some_file.htm", true); 
     xhr.send(); 
    }()); 
</script> 

HTML :

<div class="container"></div> 

문서 :

https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/Using_XMLHttpRequest