2012-08-29 35 views
2

我有两个文件的PHP(gettable.php和index.php)索引文件显示gettable.php获得的结果每一个seond,我想在索引中动态更新我的表的内容(只有新的或更改的值必须被改变)使用ajax,我是阿贾克斯的初学者。如何使用ajax和jquery动态更新数组表?

帮我请 谢谢

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> 

回答

1

脚本代码应该喜欢这个

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

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

}); 
+0

谢谢,但是这段代码只是为了显示数据每一秒钟,我想修改我的表中修改后的值。 – Mils

+0

它每隔1秒重新运行div,所以数值会自动修改。 –

+0

是的,但我不想重新加载没有更改的数据,我只想加载** **修改的值不是全部表。这是可能的 ? – Mils

相关问题