如何使用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