Question

我正在使用jquery和ajax动态更新单元格值的足球比分表。

这是我的ajax电话：

function update_table() {
$.ajax({
    type: 'GET',
    url: 'update.php',
    dataType: 'json',
    cache: false,
    success: function (data) {
        $.each(data, function (i, item) {
            var statNo = '#stat' + i;
            var scoreNo = '#score' + i;
            var statData = data[i].status;
            var scoreData = data[i].score;
            $('statNo').html(statData);
            $('scoreNo').html(scoreData);
        });
    }
});

这是我的表：

<table class='table table-hover' id='mainCoupon'>
<tr class='odd' id='0'>
    <td class='kickOff'>12:15</td>
    <td class='CountryFlag'>
        <img border='0' src=media/img/Flags/1.png>
    </td>
    <td class='LeagueName'>Championship</td>
    <td class='status'>
        <div id='stat0'>FT</div>
    </td>
    <td class='home'>Derby</td>
    <td class='score'>
        <div id='score0'>1 - 2</div>
    </td>
    <td class='away'>Nottingham Forest</td>
    <td class='inf'><span class='glyphicon glyphicon-stats'></span>

    </td>
    <td class='add'><span class='glyphicon glyphicon-plus'></span>

    </td>
</tr>
<tr class='even'>
    <td class='matchDetailsTr' colspan='9'>
        <div class='matchDetails'>
            <p>Match Details Here</p>
        </div>
    </td>
</tr>
.....

这就是我的json的样子：

[{"status":"FT","score":"1 - 2"},{"status":"FT","score":"0 - 2"},{"status":"FT","score":"4 - 1"},....]

我每隔10秒运行一次更新功能，以便更新“状态”＃39;和＆＃39;得分＆＃39;细胞但没有快乐..

如果我在console.log中找到了ajax变量，那么它们似乎没问题。

我做错了什么;谢谢！

Answer 1

我认为这些行应该是

$(statNo).html(statData);
$(scoreNo).html(scoreData);

Answer 2

对于遇到同样问题的人来说，解决方法是首先引用表格ID，然后搜索特定的td id：

$('#mainCoupon').find('#stat' + i).html(statData);
$('#mainCoupon').find('#score' + i).html(scoreData);

在jquery ajax之后更新特定的表格单元格

2 个答案: