아약스를 사용하여 HTML 문서를 요소에 추가

Question

다양한 온라인 소스를 사용하여이 코드를 작성했지만 마지막 부분을 파악할 수 없습니다.

function loadajax (event) { 
    event.preventDefault(); 
    xhr = new XMLHttpRequest(); 
    xhr.onreadystatechange = function(){ 
     if(xhr.readyState == 4){ 
      if(xhr.status == 200) 
       document.ajax.dyn="Received:" + xhr.responseText; 
      else 
       document.ajax.dyn="Error code " + xhr.status; 
     } 
    }; 

    xhr.open('GET', this.href, true); 
    var content = document.getElementsByTagName('article')[0]; 

    content.innerHTML = xhr.responseText; 
} 

내 페이지에 콘텐츠를 추가해야합니다. 실제로 content.innerHTML = xhr.responseText;은 아무 것도 반환하지 않습니다. 간단한 HTML 파일을 가져 오는 중 어떻게 내 페이지에 게시 할 수 있습니까? 내가 도대체 ​​뭘 잘못하고있는 겁니까?

도움 주셔서 감사합니다.

Answer 1

ajax 호출은 비동기입니다.

function loadajax (event) { 
event.preventDefault(); 
xhr = new XMLHttpRequest(); 
xhr.onreadystatechange = function() 
    { 
     if(xhr.readyState == 4) 
     { 
     if(xhr.status == 200) 
      document.ajax.dyn="Received:" + xhr.responseText; 

      content.innerHTML = xhr.responseText; 
     else 
      document.ajax.dyn="Error code " + xhr.status; 
     } 
    }; 

xhr.open('GET', this.href, true); 
var content = document.getElementsByTagName('article')[0]; 

} 

Answer 2

contet.innerHTML을 상태 200 상태로 만드십시오.

실제로 존재하기 전에 콘텐츠에 값을 할당하는 것입니다. 아약스가 서버에서 가져 오기 전에.