<分区>
我正在使用 javascript/ajax 开发网络应用程序。
问题是在我的应用程序(一种社交网络)中我需要读取有关用户的信息(数据库中的帖子)。为此，我使用 PHP 专用服务与数据库进行交互。该服务返回主页的 HTML 格式。
现在，我将此服务与 AJAX 调用结合使用以获取 HTML 并将其注入(inject)到我的页面中。问题是，当我尝试使用 javascript 从注入(inject)的 HTML 中获取元素时:
document.getElementById('commentsArea_xxx').innerHTML=xmlhttp.responseText;
getElementById 返回 null。
我认为问题是在 AJAX 调用之后浏览器没有更新文档，因此文档中不存在“commentsArea_xxx”!
我该如何解决这个问题？
这是我的代码:
function moreComments(id){
var footerIcon = document.getElementById('footer');
footerIcon.innerHTML="<div style='text-align:center;'><img src='images/home_selected.png' onClick='loadHome()'/><img id='cameraButton' src='images/camera.png'/><img src='images/list.png' onClick='loadMyVideo()'/></div>";
pageOld=pageCurrent;
pageCurrent=0;
document.getElementById("ajaxContent").innerHTML="<div id='wrapper' style='top:95px;'><div id='scroller'><ul id='thelist'><li style='text-align:center;'><img src='images/loading.gif' style='text-align:center;'></li></ul></div></div>";
var xmlhttp;
if (window.XMLHttpRequest){
xmlhttp=new XMLHttpRequest();
}
else{
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function(){
if (xmlhttp.readyState==4 && xmlhttp.status==200){
document.getElementById("commentsArea_"+id).innerHTML=xmlhttp.responseText;
loaded();
me();
setTimeout(function () {myScroll.refresh();}, 0);
}
}
xmlhttp.open("GET","home_more.php?id="+id,true);
xmlhttp.send();
}