Javascript - 내 AJAX가 맞는지, DB 항목이 없는지 알 수 없음

Question

나는 PHP 녀석이며 Javascript에 새롭다. 내가 만들고있는 웹 사이트에 간단한 AJAX 채팅 프로그램을 추가하려고합니다. 문제는 내 요청이 전송되었는지 또는 문제의 PHP 뒤에 있는지 테스트하는 방법을 모르겠다는 것입니다. 그것이 PHP라면 제가 고칠 수 있습니다. 자바 스크립트라면,이게이 질문에 대한 것입니다. 어떤 오류도 발생하지 않지만 내 데이터베이스에도 채팅 메시지가 나타나지 않습니다. 채팅 페이지에서 내 자바 스크립트는 다음과 같습니다.

<script type="text/javascript"> 
var xmlhttp; 
var newChatMessage; 
window.onunload=function() { 
    if (window.XMLHttpRequest) { 
     xmlhttp=new XMLHttpRequest(); 
     } 
    else { 
     xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
     } 
    xmlhttp.open("POST","tinChat_process.php",true); 
    xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded"); 
    xmlhttp.send("action=pageClose"); 
}; 
function loadChat() { 
    if (window.XMLHttpRequest) { 
     xmlhttp=new XMLHttpRequest(); 
     } 
    else { 
     xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
     } 
    xmlhttp.open("POST","tinChat_process.php",true); 
    xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded"); 
    xmlhttp.send("action=grabChat"); 
    xmlhttp.onreadystatechange=function() { 
     if (xmlhttp.readyState==4 && xmlhttp.status==200) { 
      document.getElementById("ajaxBox").innerHTML=xmlhttp.responseText; 
      } 
     } 
    t=setTimeout("loadChat()",5000); 
    } 
function sendMessage() { 
    newChatMessage = "action=newMessage&message=" + document.getElementByID("chatMess").value; 
    if (window.XMLHttpRequest) { 
     xmlhttp=new XMLHttpRequest(); 
     } 
    else { 
     xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
     } 
    xmlhttp.open("POST","tinChat_process.php",true); 
    xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded"); 
    xmlhttp.send(newChatMessage); 
    xmlhttp.onreadystatechange=function() { 
     if (xmlhttp.readyState==4 && xmlhttp.status==200) { 
      document.getElementById("ajaxBox").innerHTML=xmlhttp.responseText; 
      } 
     } 
    } 
loadChat(); 
</script> 

코드를 작성하는 더 좋은 방법이 있지만 누구도 오류를 볼 수 있습니까? 내 평범한 PHP 디버깅 방법은 다이 메시지 나 예상 값을 반으로 나누는 문제 영역으로 구성되어 있기 때문에 작동하지 않습니다. 페이지가로드 된 후 실제로 표시되지 않는 것은 무엇입니까? 따라서 PHP 나 자바 스크립트 사이의 절반을 나눌 수 없습니다. 어쨌든 어떤 도움을 주셔서 감사합니다.

Answer 1

하나의 중요한 디버깅 도구는 Firefox 용 플러그인 인 Firebug입니다.

HTML을 검사하는 데 사용할 수있을뿐 아니라 XMLHTTP 요청으로 진행되는 작업을 볼 수도 있습니다.

설치되면 오른쪽 하단 모서리에 방화 아이콘이 표시됩니다. 모든 항목을 열고 NET 탭을 선택하십시오. 거기서부터 시작될 수 있습니다.

Answer 2

또한 IE9에서 F12를 사용하여 오류를 디버그하고 볼 수 있습니다.

Answer 3

sendMessage()가 코드 일부에서 호출되는 것을 볼 수 없습니다.

Answer 4

코드에 오류가 하나뿐입니다 ... document.getElementByID ("xxx")는 메소드가 아닙니다. document.getElementById ("xxx")입니다. 나는 당신의 코드를 시도했다 - 매개 변수 action = newMessage와 message = "그 상자에 무엇을 입력하든간에 ..."으로 tinChat_process.php에 다시 게시한다. 여전히 해결할 수 없다면 chatMess와 ajaxBox를 게시하고 sendMessage()를 호출하고 있습니까? 전화를 테스트 할 수있는 버튼을 추가했습니다.

<button onclick="sendMessage()">Go</button>