ajax/json のデータを使用してテーブルを更新しようとしています。
JQuery コードは次のとおり です。より簡単に実行できるように関数を使用するように更新されました。
$(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>
テーブルから class="migrating" の各インスタンスで "ajaxUpdate()" を発行したい。
私の info.php ファイルは、投稿文字列からランダムな文字列とユーザー ID を出力するだけです。唯一の問題は、フィールドごとにこれを行う必要があることです。
問題の原因は、複数の class="migration" フィールドがあることだと思います。
検索を試みましたが、複数の行に固有のものは見つかりませんでした。