我现在有点迷失,因为我的代码似乎有效,但我的桌子不感兴趣。的xD
我正在将数据从我的数据库加载到表中,我希望它每三秒“自动更新”一次。我的JSON数据是正确的,js-console显示更新的数据。但我的表不想显示它所以我必须刷新整个页面。然而,这不是我想要做的。
这是我的代码 (HTML + JS):
<script>
$(document).ready(function() {
setInterval(function() {``
$.ajax({
url: "myStuff.php",
success: function(data) {
console.log(data);
myRecords = $.parseJSON(data);
$("#dynatable").dynatable({
dataset: {
records: myRecords
}
});
}
});
}, 3000);
});
<table id="dynatable">
<thead>
<th>test1</th>
<th>test2</th>
</thead>
<tbody>
</tbody>
</table>
PHP:
$response = array();
while ($zeile = mysqli_fetch_array($db_erg, MYSQL_ASSOC)) {
$response [] = array(
"test1" => $zeile['wasd'],
"test2" => $zeile['wasdf']
);
}
echo json_encode($response);
当我向我的数据库添加数据时,返回的JSON数据会更新,我在js-console中看到它。问题是我的表不想显示它,它只显示“旧”数据。
有任何解决此问题的建议吗?
-------------------------------------------- -----------------
修改
我现在知道了! This帮我解决了问题。谢谢您的帮助! :) 这是我的代码:
$(document).ready(function() {
setInterval(function() {
$.ajax({
url: "myStuff.php",
success: function(data) {
console.log(data);
var myRecords = $.parseJSON(data);
var dynatable = $('#dynatable').dynatable({
dataset: {
records: myRecords
}
}).data('dynatable');
dynatable.settings.dataset.originalRecords = myRecords;
dynatable.process();
}
});
}, 3000);
});
答案 0 :(得分:1)
此代码也可以更新表格。
<script>
$(document).ready(function() {
var mytable = $("#dynatable");
setInterval(function() {
$.ajax({
url: "do.php",
success: function(data) {
myRecords = $.parseJSON(data);
mytable.dynatable({
dataset: {
records: myRecords
}
});
mytable.data('dynatable').settings.dataset.records = myRecords;
mytable.data('dynatable').dom.update();
console.log(data);
}
});
},
1000);
});
</script>