ajax와 jquery를 사용하여 배열 테이블을 동적으로 업데이트하는 방법은 무엇입니까?

나는 php (gettable.php와 index.php) 파일 두 개를 가지고 있는데, gettable.php가 얻은 결과를 인덱스 파일에 표시하고, 매번 내 테이블의 내용을 인덱스에 동적으로 업데이트하려고한다. 변경) 아약스를 사용하여, 나는 아약스 초보자입니다.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>

출처

2012-08-29 Mils

스크립트 코드는이

을 좋아한다

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

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

});

출처

2012-08-29 18:27:39

감사합니다.하지만이 코드는 데이터를 1 초마다 표시하기 때문에 테이블의 수정 된 값만 수정하고 싶습니다. – Mils

그것은 1 초마다 div를 재 배열하므로 값이 자동으로 수정됩니다. –

예,하지만 변경되지 않은 데이터를 다시로드하지 않으려면 모든 테이블이 아닌 모든 값이 수정 된 값 ** 만로드하고 싶습니다. 있을 수있다 ? – Mils

ajax와 jquery를 사용하여 배열 테이블을 동적으로 업데이트하는 방법은 무엇입니까?

답변

관련 문제