使用ajax+jquery从php文件将一组数字更新为html标记

我试图从一个php文件中获取几段代码，用于使用ajax+jquery更新html网页上的一些数字集，该文件显示了我希望在html中显示的数字

php文件从数据库中获取统计数字，最好是数组。我已经知道怎么做了

如何让ajax在不刷新整个页面的情况下更新不同html标记中的数字

示例数字如下所示：

用途：13129 开放电话：9382309 联系人：2932938

---

他们每隔，比如说，3秒钟就会自动更新自己。

用3秒钟的间隔来更新数字并不是最好的方法。但为了给你一个方向，这里有一个小例子：

HTML:

JS:

这段代码将通过JSON返回3个随机生成的数字值。我想你可以从这里开始

编辑：对于您的颜色闪烁效果：

下载颜色插件，并在jQuery脚本标记之后将其链接到dom中：

用法示例：

$('#use').html(data.use).css('color', '#ff0000').animate({color:#000});

这将导致从红色ff0000开始，过渡到黑色000

如果您希望仅在数字更改时闪烁文本，请将updateNumbers函数扩展为类似以下内容：

function updateNumbers() {
    var currentUse =  !isNaN(parseInt($('#use').html())) ? parseInt($('#use').html()) : 0;
    var currentOpen = !isNaN(parseInt($('#open').html())) ? parseInt($('#open').html()) : 0;
    var currentPeople = !isNaN(parseInt($('#people').html())) ? parseInt($('#people').html()) : 0;

    $.ajax({
        url: 'yourfile.php',
        dataType: 'JSON',
        success: function(data) {
            if (currentUse != parseInt(data.use))
                $('#use').html(data.use).css('color', '#ff0000').animate({color:#000});

            if (currentOpen!= parseInt(data.open))
                $('#open').html(data.open).css('color', '#ff0000').animate({color:#000});

            if (currentPeople != parseInt(data.people))
                $('#people').html(data.people).css('color', '#ff0000').animate({color:#000});
        }
    });
}

---

php文件将缓存数据3秒是我的意思，抱歉误解。谢谢你的代码，我想这可能正是我要找的代码。我稍后会测试。顺便问一下，你知道每次更新文本时我如何给它上色吗？我经常看到，但不知道它是如何工作的。当更新在ajax间隔的3秒钟内出现时，文本会闪烁一种颜色，例如绿色，然后淡入原始颜色。您可以使用jQuery颜色插件：。有了它，你可以做如下效果：$'use'.htmldata.use.css'color'，'ff0000'.animate{color:000}；这将从红色开始，然后逐渐变回黑色。这是一种可能。还有很多。我的意图是当一个数字被更新为新数据时，它会做动画的事情，如果它和上次的数据相同，不要给它上色。还有，有没有更简单/独立的js着色/动画或脚本或代码供我使用？我不知道如何使用你给我的那个。我让ajax更新部分正常工作，非常感谢。只需下载颜色插件作为minifield：并使用上面的示例。这真的很容易。这项任务并不像你想象的那么简单。如果值不变，可以先检查它们。我编辑了我的答案以获得文本效果。

function updateNumbers() {
    $.ajax({
        url: 'yourfile.php',
        dataType: 'JSON',
        success: function(data) {
            $('#use').html(data.use);
            $('#open').html(data.open);
            $('#people').html(data.people);
        }
    });
}

var numberUpdate = setInterval(updateNumbers, 3000);

$('#use').html(data.use).css('color', '#ff0000').animate({color:#000});

function updateNumbers() {
    var currentUse =  !isNaN(parseInt($('#use').html())) ? parseInt($('#use').html()) : 0;
    var currentOpen = !isNaN(parseInt($('#open').html())) ? parseInt($('#open').html()) : 0;
    var currentPeople = !isNaN(parseInt($('#people').html())) ? parseInt($('#people').html()) : 0;

    $.ajax({
        url: 'yourfile.php',
        dataType: 'JSON',
        success: function(data) {
            if (currentUse != parseInt(data.use))
                $('#use').html(data.use).css('color', '#ff0000').animate({color:#000});

            if (currentOpen!= parseInt(data.open))
                $('#open').html(data.open).css('color', '#ff0000').animate({color:#000});

            if (currentPeople != parseInt(data.people))
                $('#people').html(data.people).css('color', '#ff0000').animate({color:#000});
        }
    });
}