刷新特定<；span>'；s使用ajax的内容 - Refreshing a particular <span>'s content using ajax?

Refreshing a particular <span>'s content using ajax?

本文关键字：ajax 使用 gt lt span 刷新 | 更新日期: 2023-09-27

我正在开发一个包含一些消息的web应用程序。在菜单中，我显示的信息编号如下。

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

另一方面，我有一个php文件，它只输出消息计数。我想在点击.jm-msg 类的按钮时使用这个php文件更新span#count

我已经在我的页面上加载了jquery。由于我是AJAX和Javascript的新手，我完全不知道如何做到这一点。有人能提供示例代码来指导我吗？

这很容易：

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

您的url需要设置为从加载数据的文件

如果您想保持跨度数据的最新状态，只需使用setInterval（）。

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

这是一个单行：

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

文件：http://api.jquery.com/load/