2013-03-10 37 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