[英]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.