通过javascript获取xml中的所有数据

尝试使用ajax/javascript从数据库中提取所有帖子以及每个帖子的所有注释。

我通过ajax正确地从DB中获取实际数据，但在获取xml节点并将其显示在div容器中时遇到了问题。

显示的数据不正确。即，如果一篇帖子有多条评论，它只显示一条；如果一篇文章没有评论，它不会每隔一条都显示。

在尝试获取每个帖子的所有注释时，我在第一个循环中创建了另一个for循环，但在指定正确的childNode来运行循环时遇到了问题，所以我只能像下面的javascript中所示那样进行尝试。

只需要帮助解决这个问题，我确信这与我如何处理xml节点有关。

这是xml结构的示例：

<post>
<post_unit poster_pix="john_doe.jpg" poster_name="john doe" poster_acctype="user" post_time="12:12 pm, Jul 5 2013" post_msg="Not so cool" post_img="post_img.jpg">
<comment com_name="ben tyler" com_acctype="admin" com_time="10:12 am, Jul 6 2013" com_msg="how about now">
</comment>
<comment com_name="thelma jones" com_acctype="supervisor" com_time="02:12 pm, Jul 6 2013" com_msg="okay">
</comment>
</post_unit>

<post_unit poster_pix="tom_hay.jpg" poster_name="Tom hayden" poster_acctype="user" post_time="12:12 pm, Jul 5 2013" post_msg="it aint working" post_img="post_img.jpg">
</post_unit>
</post>

这是javascript：

<script>
var getStatusPost = XmlHttpRequestObject();
var mTimer;

function fetchAllData() {
    getStatusPostFunc();
}   
// Checking if XMLHttpRequest object exist in user browser
function XmlHttpRequestObject(){
if(window.XMLHttpRequest){
    return new XMLHttpRequest();
}
else if(window.ActiveXObject){
    return new ActiveXObject("Microsoft.XMLHTTP");
} else{
        document.getElementById("ajax_status").innerHTML = "Status: Unable to launch Chat Object. Consider upgrading your browser.";
}
}


// Fetch all post
function getStatusPostFunc(){
        getStatusPost.open("GET", "inc/status_post_processor.php?all_post&t=" + Math.random(), true);
        getStatusPost.onreadystatechange = statusPostReceivedHandler;
        getStatusPost.timeout = 20000; //set timeout for xmlhttp request
        getStatusPost.ontimeout = statusPostTimeoutHandler;
        getStatusPost.send(null);
}
// Handle timeout for fetching post
function statusPostTimeoutHandler(){
        getStatusPost.abort(); //abort the timedout xmlhttprequest
        setTimeout(function(){getStatusPostFunc()}, 20000);
}

// Receives response from server for all post and comment
function statusPostReceivedHandler(){
    if(getStatusPost.readyState == 4){
        if(getStatusPost.status == 200){
            var post_holder_div = document.getElementById('status_update_msg_area');
            post_holder_div.innerHTML = '';             
            var xmldoc = getStatusPost.responseXML;
            var postNode = xmldoc.getElementsByTagName("post_unit");
            for(i = 0; i < postNode.length; i++){
                post_holder_div.innerHTML += '<p><strong>Poster name:</strong> ' + postNode[i].getAttribute("poster_name") + '</p>';
                post_holder_div.innerHTML += '<p><strong>Post:</strong> ' + postNode[i].getAttribute("post_msg") + '</p>';
                post_holder_div.innerHTML += '<br><h3>Comments</h3><br>';
                post_holder_div.innerHTML += '<p>' + postNode[i].childNodes[0].getAttribute("com_name") + ': <em>' + postNode[i].childNodes[0].getAttribute("com_msg") + '</em></p>';
                post_holder_div.innerHTML += '<br /><hr /><br />'
            }       
        }
    }   
}
</script>

如果能得到帮助，我会非常高兴和感激。