AJAX를 통해 게시 될 때 댓글이 두 번 표시되지만 페이지 리로드에 한 번만 표시됩니다.

Question

다음 코드를 사용하여 게시물에 댓글을 추가하고 페이지를 새로 고치지 않고 표시하지만 어쨌든 한 번이 아닌 두 번 표시됩니다. 데이터베이스에 한 번만 저장됩니다. 페이지를 새로 고치면 각 주석이 한 번만 표시되므로 문제는 "ajax 응답"과 같습니다. 여기에 코드가 있습니다. 도움을 주셔서 감사합니다.

자바 스크립트 :

이

function addComment(pid) { 
    var url; 
    var comment = document.getElementById("comment").value; 
    xml_http = getXmlHttpObject(); 
    if (xml_http == null) return alert("Your browser is too old to run this page!"); 
    url = '../auth.php?comment=' + comment + '&pid=' + pid; 
    url += '&p=' + Math.random(); 
    xml_http.onreadystatechange = commentStatus; 
    xml_http.open("GET", url, true); 
    xml_http.send(null); 
} 

function commentStatus() { 
    $("#comm").append(xml_http.responseText); 
} 

PHP : 나는 의도적으로 데이터베이스에서 주석을 읽지 않는

include_once('include/comment.php'); 
addComment($_GET['pid'], filter($_GET['comment'])); 
if(empty($_SESSION['pic'])) $pic = "images/silh.gif"; 
else $pic = "/profile/image.php/{$_SESSION['uname']}.{$_SESSION['pic']}?width=45&cropratio=1:1&image=/profile/pix/{$_SESSION['uname']}.{$_SESSION['pic']}"; 
echo "<div id='comments'>\n" 
    ."<img src='{$pic}' align='left' style='padding-right:5px' />" 
    ."<span id='bluetxt'>By {$_SESSION['uname']}</span><br />\n" 
    ."<span>Posted Now</span>\n" 
    ."<br /><br /><p style='clear:both'>{$_GET['comment']}</p>" 
    . "</div><br />\n"; 

, 나는 단순히 다시 페이지에 게시.

Answer 1

당신은 아마 xml_http 상태는 다음과 같이 그것을 시도하십시오 경우에만 주석 추가해야합니다

function addComment(pid) { 
    var url; 
    var comment = document.getElementById("comment").value; 
    var xml_http = getXmlHttpObject(); 

    if (xml_http == null) 
     return alert("Your browser is too old to run this page!"); 

    url = '../auth.php?comment=' + comment + '&pid=' + pid; 
    url += '&p=' + Math.random(); 

    xml_http.onreadystatechange = function() { 
     if (xml_http.readyState==4) { 
      appendComment(xml_http.responseText); 
     } 
    }; 

    xml_http.open("GET", url, true); 
    xml_http.send(null); 
} 

function appendComment(commentHTML) { 
    $("#comm").append(commentHTML); 
}