Question

我有这些DIVS运行PHP函数并返回结果。如何在不刷新整个页面的情况下每隔X秒自动刷新返回的结果。

我只想重新运行函数中的PHP / MySQL查询

<div class="container">

<div class="box"><h2>Callers Waiting</h2><?php echo CallersWaiting($queue_name, date('Y-m-d H:i:s', strtotime('-1 hour'))); ?></div>

<div class="box"><h2>Average Hold Time</h2><?php echo AverageHoldTime($queue_name, $date); ?></div>

<div class="box"><h2>Longest Wait Time</h2><?php echo LongestWaitTime($queue_name, $date); ?></div>

<div class="box"><h2>Shortest Wait Time</h2><?php echo ShortestWaitTime($queue_name, $date); ?></div>

</div>

更新：

我使用过这段代码：

<div class="container"></div>

<script type="text/javascript">
    $(document).ready(function(){
      refreshTable();
    });

    function refreshTable(){
        $('.container').load('data.php', function(){
           setTimeout(refreshTable, 2000);
        });
    }
</script>

然后我的所有div和PHP函数都在名为data.php的页面上运行，但我的index.php页面上没有显示任何内容

Answer 1

<meta http-equiv="refresh" content="5; URL=http://www.yourdomain.com/yoursite.html">

5秒后重新登录，如果你需要js，我也可以发送

setTimeout(function(){
   window.location.reload(1);
}, 5000);

对于ajax，您需要一个以Json或xml格式返回所有数据的页面。

然后你需要向该页面发出$ .POST或$ .GET或$ AJAX请求，然后解析它然后更新你的html元素。

示例

http://danielnouri.org/notes/2011/03/13/an-ajax-page-update-mini-tutorial/

Answer 2

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

<script type="text/javascript">// <![CDATA[
$(document).ready(function() {
$.ajaxSetup({ cache: false }); // This part addresses an IE bug. without it, IE will only load the first number and will never refresh
setInterval(function() {
$('.container').load('data.php');
}, 2000); // the "3000" here refers to the time to refresh the div. it is in milliseconds.
});
// ]]></script>

<div class="container">Loading data ...</div>

在PHP中自动刷新MySQL查询结果

2 个答案: