Javascript 使用ajax/JQuery更新数据表
我正在尝试使用来自ajax/json的数据更新一个表 以下是JQuery代码: 更新为使用函数以简化执行。Javascript 使用ajax/JQuery更新数据表,javascript,php,jquery,ajax,Javascript,Php,Jquery,Ajax,我正在尝试使用来自ajax/json的数据更新一个表 以下是JQuery代码: 更新为使用函数以简化执行。 $(document).ready(function() { //var userid = $( ".migrating" ).data( "userid" ); function ajaxUpdate(userid){ window.setInterval(function(){ $.ajax({ url
$(document).ready(function() {
//var userid = $( ".migrating" ).data( "userid" );
function ajaxUpdate(userid){
window.setInterval(function(){
$.ajax({
url: "info.php?userid=" + userid + "",
async: true,
type: "POST",
data: "{}",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function(results) {
$("#uid" + userid).html(results.uid);
$("#moved" + userid).html(results.moved);
$("#percentmoved" + userid).html(results.percentmoved);
$("#avgspeed" + userid).html(results.avgspeed);
$("#eta" + userid).html(results.eta);
}
});
}, 3000);
}
ajaxUpdate($(".migrating").data("userid"));
});
HTML代码:
<table>
<tr>
<td><b>ID</b></td>
<td><b>Moved</b></td>
<td><b>Moved %</b></td>
<td><b>Avg Speed</b></td>
<td><b>ETA</b></td>
</tr>
<tr class="migrating" data-userid="101">
<td><div id="uid101">Loading...</div></td>
<td><div id="moved101">Loading...</div></td>
<td><div id="percentmoved101">Loading...</div></td>
<td><div id="avgspeed101">Loading...</div></td>
<td><div id="eta101">Loading...</div></td>
</tr>
<tr class="migrating" data-userid="102">
<td><div id="uid102">Loading...</div></td>
<td><div id="moved102">Loading...</div></td>
<td><div id="percentmoved102">Loading...</div></td>
<td><div id="avgspeed102">Loading...</div></td>
<td><div id="eta102">Loading...</div></td>
</tr>
</table>
身份证件
感动的
移动%
平均速度
希腊字母表的第7个字母
加载。。。
加载。。。
加载。。。
加载。。。
加载。。。
加载。。。
加载。。。
加载。。。
加载。。。
加载。。。
我想对表中class=“migrating”的每个实例发出“ajaxUpdate()”
我的info.php文件只输出随机字符串和post字符串中的userid,唯一的问题是我需要为每个字段执行此操作
我假设问题的原因是有多个class=“migration”字段
我已尝试搜索,但找不到任何特定于多行的内容。您可以使用户循环搜索结果。类似于此:
success: function(results) {
$.each(results, function(index) {
// your logic goes here.
})
}
不需要查询这部分:
code成功:函数(results){$(“#uid”+userid).html(results.uid);$(“#moved”+userid.html(results.moved);$(“#percentmoved”+userid.html(results.percentmoved);$(“#avgspeed”+userid.html(results.avgspeed);$(#eta)html(results.eta);}
我需要查询整个内容,对吗?因为“info.php”只提供一个“数据用户ID”的信息?您能将它粘贴到来自josn回调的响应中吗?