制作使用jQuery和Ajax
我需要建立一个通知系统,基于jQuery和Ajax的通知系统,我已经把一些PHP代码显示JSON是这样的:制作使用jQuery和Ajax
{ "msg_new": "1", "note_new": "2", "frd_new": "2", "frd_link": "" }
我如何可以加载此'通知'<span></span>
使用jQuery和setInterval
的标签?我有点困惑,谁能帮我一下吗?
编辑
目前,这是我已经尝试使用的代码,但它似乎并没有工作:
<span id="new_msgs"></span>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script>
function get_new() {
$.getJSON("update_new.php", function(data) {
$('#new_msgs').html(data["msg_new"]);
});
}
setInterval(get_new, 1000);
</script>
在这里你去,一个例子:
HTML:
<span id="result">
<span id="note"></span>
</span>
的JavaScript:
function loadIt() {
$.get('ajax/test.php', function(data) {
var jdata = JSON.parse(data);
$('#result #note').html(jdata.note);
...
});
}
setInterval(loadIt, 1000);
这显示了如何山一,如果你的变量,复制粘贴和更改休息 当然test.php的返回你的JSON和1000是在毫秒1秒。
的代码,但是,我需要将结果添加到不同的跨度,如 2013-03-10 08:56:12
更新与该请求。回到顶端这篇文章中的信息适用于:?????????????????????????? – fredrik 2013-03-10 09:07:44
但它似乎没有工作请求正在进行,但我看不到任何内容 – 2013-03-10 09:18:54
你知道如何进行AJAX调用吗?你知道如何使用'setInterval()'吗?目前尚不清楚你究竟是什么感到困惑。如果我的两个问题的答案都是'是',那么只需在'setInterval()'的回调中进行AJAX调用即可。 – 11684 2013-03-10 08:29:53
我只有一个基本的想法,我已经更新了我的问题,我已经完成 – 2013-03-10 08:46:36