Question

我需要构建一个基于jQuery和Ajax的通知系统，我已经整理了一些PHP代码来显示JSON，如下所示：

{ "msg_new": "1", "note_new": "2", "frd_new": "2", "frd_link": "" }

如何使用jQuery和<span></span>将此“通知”加载到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>

Answer 1

在这里，举个例子：

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秒，以毫秒为单位。

使用jQuery和Ajax创建通知系统

1 个答案: