表中自动刷新时出现问题
Trouble with auto refresh in table
我有这个index.php
文件来显示循环表中的一些东西:
$sql = 'SELECT id FROM usertbl';
$stmt = $hund->runQuery($sql);
$stmt->execute();
$row = $stmt->fetchALL(PDO::FETCH_ASSOC);
<?php foreach ($row as $runloop) { ?>
<table><th> <?php echo $runloop['id']; ?> </th></table>
<?php } ?>
但是,我希望这些表具有自动刷新。所以我有这个新文件data.php
和一个更新的index.php
:
数据.php:
$sql = 'SELECT id FROM usertbl';
$stmt = $hund->runQuery($sql);
$stmt->execute();
$row = $stmt->fetchALL(PDO::FETCH_ASSOC);
print_r($row);
索引.php:
<div id="show"></div>
<script type="text/javascript">
$(document).ready(function() {
setInterval(function () {
$('#show').load('data.php')
}, 3000);
});
</script>
<?php foreach ($row as $runloop) { ?>
<table><th> <?php echo $runloop['id']; </th></table>
<?php } ?>
这将刷新并打印上述<div>
中的输出:
<div class="show"></div>
它工作得很好,但我真的不知道如何把它放在表的循环中,就像第一个index.php
文件一样。对此事的方向有什么建议吗?
您可以使用 ajax 调用 data.php
并以 json 格式返回响应以获得更好的方法
尝试:.js
function populate(){
var items= [];
$.ajax({
url: 'data.php',
type: 'GET',
dataType: 'json',
success: function(data){
//do something with data here
console.log(data);
//loop through data and push to array
$.each(data, function(i,v){
items.push('< th >'+v+'< /th >');
});
//join array and append to table
$('#sampleTable tbody').html(items.join(','));
},
error: function(err){
console.log(err.responseText);
}
});
}
//call populate every 10 secs (example only , you can change to how many seconds you like)
setTimeout(function(){
populate();
},10000);
数据.php
$sql = 'SELECT id FROM usertbl';
$stmt = $hund->runQuery($sql);
$stmt->execute();
$row = $stmt->fetchALL(PDO::FETCH_ASSOC);
echo json_encode($row);
在这一
行中,您忘记关闭<?php
...
可能这就是为什么foreach
循环无法正常工作的原因
<?php foreach ($row as $runloop) { ?>
<table><th> <?php echo $runloop['id']; ?></th></table>
<?php } ?>
将这些行放在print_r()
所在的位置data.php
。
相关文章:
- 如何解决Yii中的页面刷新问题
- PHP和JS脚本的奇怪问题,在我刷新页面之前第一次失败
- JQuery刷新列表效果-淡入淡出问题
- 用户使用浏览器时SPA中的问题's的后退或刷新功能
- ajax html javascript页面刷新无闪烁问题
- 后退导航/页面刷新问题
- j查询模式窗口,刷新父问题
- 页面刷新后javascript内存泄漏有问题吗?为什么?
- JS/AAJAX:提交表单时没有按钮点击/页面刷新问题
- 刷新 didInsertElement 中的数据时出现问题
- 删除导致页面刷新出现问题的查询参数
- 刷新整页.js插件的问题
- 尝试在页面刷新时更改背景图像,遇到问题
- JavaScript:表单刷新页面,更改此.form.submit问题
- ajax 刷新后调整大小函数出现问题
- 简单的表单提交,没有页面刷新问题
- 单击(IE8问题)刷新选择框
- 平滑滚动jquery插件在刷新时重置滚动起点.有办法解决这个问题吗
- 超级简单的JQuery问题-刷新静态html
- 问题刷新/清除Jquery中更改时事件的选择列表