我正在尝试将XML数据显示在HTML页面上。我正在使用Django生成XML文件中的内容,并使用Javascript每五秒钟回调一次,看看是否有新帖子将它们加载到页面中。
这是我的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>
然而,页面本身没有出现任何内容。有人有主意吗?我不知道发生了什么......
谢谢!
答案 0 :(得分:0)
您遇到语法错误:
request.readState
应该是
request.readyState
readState始终不等于4.