2013-03-10 53 views
0

我需要建立一个通知系统,基于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> 
+0

你知道如何进行AJAX调用吗?你知道如何使用'setInterval()'吗?目前尚不清楚你究竟是什么感到困惑。如果我的两个问题的答案都是'是',那么只需在'setInterval()'的回调中进行AJAX调用即可。 – 11684 2013-03-10 08:29:53

+1

我只有一个基本的想法,我已经更新了我的问题,我已经完成 – 2013-03-10 08:46:36

回答

4

在这里你去,一个例子:

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秒。

+0

的代码,但是,我需要将结果添加到不同的跨度,如 2013-03-10 08:56:12

+0

更新与该请求。回到顶端这篇文章中的信息适用于:?????????????????????????? – fredrik 2013-03-10 09:07:44

+0

但它似乎没有工作请求正在进行,但我看不到任何内容 – 2013-03-10 09:18:54