我试图让 XML 数据出现在 HTML 页面上。我正在使用 Django 生成 XML 文件中的内容,并使用 Javascript 每五秒 ping 一次以查看是否有新帖子将它们加载到页面中。
这是我的 XML 文件:
<?xml version="1.0" ?>
{% for post in posts %}
<tr>
<td class="username">{{ post.username }}</td>
<td class="message">{{ post.message }}</td>
<td class="timestamp">[{{ post.timestamp }}] </td>
</tr>
{% endfor %}
这是我的Javascript:
function setupRequest(){
var request = new XMLHttpRequest();
var posts = document.getElementById('posts');
var i;
request.onreadystatechange = function() {
if (request.readState != 4){
return ;
}
console.log("hello",request);
var XMLData = request.response
posts.innerHTML = XMLData;
// setTimeout("setupRequest()", 5000);
}
request.open("GET","/chat/grab/", true);
request.send();
}
function init(){
console.log('Init');
setupRequest()
}
window.onload=init;
这是我的 Chrome 控制台的输出:
client.js:18Init
chrome-extension://iljkdiphoadeehmlplkjgjpojdpdfgfa/content.js:1starting content
这是相关的HTML:
<div id="box">
<table id="posts">
</table>
</div>
但是,页面本身没有出现任何内容。有人有想法么?我不知道发生了什么...
谢谢!