Javascript 在PHP中运行SQL查询时自动刷新结果div
我有以下JS/Ajax代码:Javascript 在PHP中运行SQL查询时自动刷新结果div,javascript,php,jquery,html,Javascript,Php,Jquery,Html,我有以下JS/Ajax代码: <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready (function () { var updater = setTimeout (function (
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready (function () {
var updater = setTimeout (function () {
$('div#ContentLeft').load('live_stats1.php', 'update=true')
$('div#ContentRight').load('live_stats2.php', 'update=true')
}, 1000);
});
</script>
$(文档).ready(函数(){
var updater=setTimeout(函数(){
$('div#ContentLeft').load('live_stats1.php','update=true'))
$('div#ContentRight').load('live_stats2.php','update=true'))
}, 1000);
});
刷新内容div,但未正确刷新
我的HTML是:
<div id="ContentLeft">
<?php include 'live_stats1.php'; ?>
</div>
<div id="ContentLeft">
<?php include 'live_stats2.php'; ?>
</div>
然后在live_stats1.php
和live_stats2.php
上,我只有我的查询
查询需要一段时间才能运行,因此在再次运行查询之前,结果将消失。如何使结果保留在div中,直到加载新结果
另外,如果我在google chrome中检查控制台,则每次刷新本地资源时,都会添加一个新的jquery.min.js
文件
下面是我的完整PHP代码的一个例子
我希望能够定期刷新result div
JS:
Html:
<div id="ContentLeft">
<?php include 'live_stats1.php'; ?>
</div>
<div id="ContentRight">
<?php include 'live_stats2.php'; ?>
</div>
删除
和
,因为你无论如何都会得到你的统计数据。此外,如果您有大量的select查询,请尝试使用缓存。我已发布了我的答案请检查并告知我检查我的评论和我的编辑我已更新了我的答案现在检查并告知我它似乎仍在复制div,出于某种原因检查我的编辑,它显示live_stats1.php的正确结果,然后在刷新时,它将所有结果设置为两个零,第一个查询除外。您在回答中使用了2个divs
id,与相同的id名称ContentLeft
没有ContentRight
将第二个重命名为ContentRight
,然后再试一次。我知道,已经这样做了。忽略我最后的评论。它现在只在页面加载时更新,而不是每X秒更新一次。现在它应该可以工作了,问题是jquery
有时会缓存请求,所以我在链接中添加了timestamp
,以防止jquery
缓存仍然复制div。它看起来是这样的:虽然每个damn应该只有一个div,但您有2个id=“ContentLeft”
在您的html中:)我意识到:)也已经更改了它,但仍然存在相同的问题
<div id="ContentLeft">
<?php include 'live_stats1.php'; ?>
</div>
<div id="ContentRight">
<?php include 'live_stats2.php'; ?>
</div>