繁体   English   中英

在jQuery Ajax之后更新特定的表单元格

[英]Update specific table cells after jquery ajax

我正在研究一个足球比分直播表,该表具有使用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秒运行一次更新功能,以便更新“状态”和“得分”单元格,但没有任何乐趣。

如果我console.log ajax变量,它们似乎很好。

我究竟做错了什么; 谢谢!

我认为这些线应该是

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

好了,对于有相同问题的任何人,解决方案是先引用表ID,然后搜索特定的td ID:

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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM