如何使用ajax和jquery动态更新数组表？

Question

我有两个文件php（gettable.php和index.php），索引文件每隔一秒显示一次gettable.php获得的结果，我想在索引中动态更新表的内容（仅必须更改新值或更改后的值））使用ajax，我是ajax的初学者。

帮帮我，谢谢

gettable.php

    //
    //
    // I load data from the server(xml file) 
    $xml = simplexml_load_string($result);

    foreach($xml as $node)
    {
        $name = "";
        $value = -1;

        foreach($node->attributes() as $a => $b) {
            if($a == "name")
            {
                $name = (string)$b;
    }
    else if($a == "value")
    {
        $value = (string)$b;
    }
        }

        $vars[$name] = $value;
    }

    ?>
    <table border="1">
    <tr>
    <th>id</th>
    <th>abc</th>
    <th>def</th>
    </tr>
    <tr>
    <td><?php
    echo "<p>x: ".$vars["x"]."</p>";
    ?>
    </td>
    <td><?php
    echo "<p>y: ".$vars["y"]."</p>";
    ?>
    </td>
    <td><?php
    echo "<p>z: ".$vars[z"]."</p>";
    ?>
    </td>
    </tr>
    </table>

文件index.php

    <html>  
<head>
    <title></title>
    <link rel="stylesheet" type="text/css" href="style.css" />
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
    <script language="JavaScript">
    $('#data').load("gettable.php");
    setInterval( "SANAjax();", 1000 ); 

    $(function() {
        SANAjax = function(){

        $('#data').load("gettable.php");

        }
    });


</script>
</head>
<body>

    <div id="data">
        <?php include_once('gettable.php'); ?>
    </div>

</body>

Answer 1

脚本代码应如下所示

$(function(){
  function loadData(){
    $('#data').load("gettable.php");
  }

  setInterval(function() { loadData(); }, 1000 ); 

});

如何使用ajax和jquery动态更新数组表？

问题描述

1 个解决方案

解决方案1
1 已采纳 2012-08-29 18:27:39

如何使用ajax和jquery动态更新数组表？

问题描述

1 个解决方案

解决方案1 1 已采纳 2012-08-29 18:27:39

解决方案1
1 已采纳 2012-08-29 18:27:39