使用ajax刷新特定<span>的内容?</span>

时间:2014-09-09 17:22:20

标签: php jquery ajax

我正在开发一个包含一些消息的网络应用。在菜单中,我显示了如下消息编号。

<ul class="menu">
<li>Messages <span id="count" class="pull-right">3</span></li>
</ul>

另一方面,我有一个只输出消息计数的php文件。我想在点击类span#count

的按钮时使用此php文件更新.jm-msg

我在页面上加载了jquery。由于我是AJAX和Javascript的新手,我完全不知道如何做到这一点。有人可以通过提供示例代码来指导我吗?

2 个答案:

答案 0 :(得分:2)

这很简单:

setInterval(function(){
    $.post("yoururl", function(resp){
        $("yourspanid").html(resp);
    });
}, 1000)

您的网址需要设置为从

加载数据的文件

如果你想保持跨度数据uptodate,只需使用setInterval()。

你应该在整个$ .post上使用setInterval而不仅仅是函数

答案 1 :(得分:1)

这是一个单行:

$('.jm-msg').on('click', function() {
    $("#count").load('/getCount.php');
});

文档:http://api.jquery.com/load/