如何自动刷新多个PHP变量不刷新页面?我只能取一台atm机


how to auto refresh multiple php variables without refreshing page? I can only do one atm

我正在尝试自动刷新多个PHP变量。到目前为止,我只能自动刷新一个变量,其余的不工作(它总是最后一个工作,所以var2)。

我正在考虑制作一个JSON脚本,并尝试这样做,但我该如何使JSON中的每个数组在我的PHP页面上自动刷新而不刷新整个页面?

index . php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script language="javascript" src="jquery-1.2.6.min.js"></script>
<script language="javascript" src="jquery.timer-1.0.0.js"></script>
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/bootstrap.min.css">
<script src="jquery-1.9.0.min.js"></script>
<?php $ra = "<div id='c1b'></div>
    <script type='text/javascript'>
    $(document).ready(function() {
        $('#c1b').load('var1.php');
        refresh();    
    });
    function refresh(){
        setTimeout( function() {
            $('#c1b').fadeOut('slow').load('var1.php').fadeIn('slow');
            refresh();  
        }, 2000);
    }
    </script>";
$rb = "<div id='c2b'></div>
        <script type='text/javascript'>
        $(document).ready(function() {
            $('#c2b').load('var2.php');
            refresh();    
        });
        function refresh(){
            setTimeout( function() {
                $('#c2b').fadeOut('slow').load('var2.php').fadeIn('slow');
                refresh();  
            }, 2000);
        }
        </script>"; ?>
<?php echo $ra . ' & ' . $rb ?>

var1.php

<?php 
include_once 'connect.php';
$d= 'var1';
$q = $handler->prepare("SELECT * FROM var WHERE name = ?");
$q->bindParam(1, $d);
$q->execute();
while($r = $q->fetch()){
    $e = $r['names'];   
}
echo $e;
?>

var2.php

<?php 
include_once 'connect.php';
$d= 'var2';
$q = $handler->prepare("SELECT * FROM var WHERE name = ?");
$q->bindParam(1, $d);
$q->execute();
while($r = $q->fetch()){
    $e = $r['names'];   
}
echo $e;
?>

在我看来,你将在你的页面上定义两个名为"refresh"的函数。

尝试将第二个脚本更改为唯一的名称,例如

    $(document).ready(function() {
        $('#c2b').load('var2.php');
        refreshvar2();    
    });
    function refreshvar2(){
        setTimeout( function() {
            $('#c2b').fadeOut('slow').load('var2.php').fadeIn('slow');
            refreshvar2();  
        }, 2000);
    }