我有一个html
索引.html:
<html>
<head>
<title>Facebook</title>
<script type="text/javascript" src="../xdata/js/jquery.js"></script>
</head>
<body>
Tasks (<span id="tasks">0</span>)
Messages (<span id="messages">0</span>)
Notifications (<span id="notifications">0</span>)
<script type="text/javascript">
$(document).ready(function() {
var pagetitle = document.title;
document.title = pagetitle+' NEW NOTIFICATON';
});
</script>
</body>
</html>
和一个 xml 文件
页面.xml:
<?xml version="1.0" ?>
<page tasks="1" messages="3" notifications="3"/>
我如何做到每 5 秒一次index.html
读书page.xml
并像在 Facebook 中一样修改标题(“(1) Facebook”),还可以修改任务、消息、通知......
我在读取 xml 时遇到问题。如果有人可以帮助我吗?
PS - 我更喜欢 jQuery ...但 JavaScript 也可以
以下是在 jquery 中完成的,尽管您的 xml 文件有一个轻微的错误,导致解析问题。
假设你的xml文件是这样的:
<?xml version="1.0"?>
<data>
<page tasks="1" messages="3" notifications="3"/>
</data>
以下代码将相应地修改页面,当然使用 jquery:
$(document).ready(function() {
function get_info() {
$.ajax({
type: "GET",
url: "page.xml",
dataType: "xml",
cache: false,
complete: function(doc) {
var tasks = $(doc.responseText).find("page").attr("tasks");
var msgs = $(doc.responseText).find("page").attr("messages");
var notes = $(doc.responseText).find("page").attr("notifications");
if (tasks != $('#tasks').text() ||
msgs != $('#messages').text() ||
notes != $('#notifications').text()) {
document.title = "Facebook" + ' NEW NOTIFICATON';
}
$('#tasks').text(tasks);
$('#messages').text(msgs);
$('#notifications').text(notes);
}
});
}
setInterval(function() {
get_info();
}, 5000);
});
我花了一些时间开发这个,并且我知道它确实有效。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)