2011-07-18 4 views
0

경고에 다른 html 파일을 표시하는 HTML 페이지를 만들려고합니다. 그러나 트리거 버튼을 눌렀을 때 표시되지 않습니다. 여기 AJAX를 사용하여 HTML 팝업 표시

<html> 
    <head> 
     <script> 

     var xmlhttp=new XMLHttpRequest(); 

     function pop() { 
      xmlhttp.open("GET","content.html",true); 
      xmlhttp.send(); 
      xmlhttp.onreadystatechange=function() { 
       if(xmlhttp.readystate==4&&xmlhttp.status==200) { 
        alert(xmlhttp.responseText); 
       } 
      } 
     } 

     </script> 
    </head> 
    <body> 
     <input type="button" name="test" value="push" onclick="pop()"> 
    </body> 
</html> 

가 content.html

<html> 
    <body> 
     Hi! 
    </body> 
</html> 
+1

jQuery를 사용하는 것이 좋습니다. 몇 가지 작업을 저장하면 코드를 훨씬 잘 읽을 수 있습니다. http://api.jquery.com/category/ajax/ – ThiefMaster

+1

이것은 나에게 숙제와 같이 현저하게 들립니다. –

+0

어떻게해야할까요? 오직 전체 HTML 코드 대신에 ??? –

답변

1

실제로는 readyState입니다. JavaScript는 대소 문자를 구분합니다.

또한 모든 것을 설정 한 후 보내면 좋을 것입니다.

마지막으로 }이 누락되었습니다.

var xmlhttp=new XMLHttpRequest(); 

function pop() 
{ 
xmlhttp.open("GET","content.html",true); 
xmlhttp.onreadystatechange=function() 
{ if(xmlhttp.readyState==4&&xmlhttp.status==200) 
    {alert(xmlhttp.responseText);} 
} 
xmlhttp.send(); 
} 
+0

괜찮아. 모두에게 감사드립니다. 나는 부주의 한 실수를 한 것으로 보인다. –

0

긍정의 함량, 난 세 열기 중괄호 ({) 오직 두 개폐 중괄호 (})을 믿는다. 이러한 오류를 발견하려면 브라우저의 오류 콘솔을 확인하십시오.

+0

내가 어떻게 obtian 안녕하세요! 오직 전체 HTML 코드 대신 ??? –

0

아래를 확인하십시오 : 브래킷을 닫아야합니다.

var xmlhttp = new XMLHttpRequest();

function pop() 
{ 
    xmlhttp.open("GET","content.html",true); 
    xmlhttp.send(); 
    xmlhttp.onreadystatechange=function() 
    { 

if(xmlhttp.readystate==4&&xmlhttp.status==200) 
    { 
    alert(xmlhttp.responseText); 
    } 
    } 
}