ajax动态更新dynatable 表格里面的数据

发布时间：2020-12-16 02:12:39 所属栏目：百科来源：网络整理

导读：html代码 !doctype htmlhtmlheadmeta charset="utf-8"title无标题文档/titlescript src="vendor/jquery-1.7.2.min.js"/scriptscript src="jquery.dynatable.js"/scriptlink rel="stylesheet" href="jquery.dynatable.css" /headbodyscript$(document).ready(f

html代码

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<script src="vendor/jquery-1.7.2.min.js"></script>
<script src="jquery.dynatable.js"></script>
<link  rel="stylesheet"  href="jquery.dynatable.css" >
</head>
<body>
<script>
$(document).ready(function() {
	var mytable= $("#dynatable");
    setInterval(function() {	
  $.ajax({
      url: "do.php",success: function(data) {
          myRecords = $.parseJSON(data);
          mytable.dynatable({
              dataset: {				  
                  records:myRecords
              }
          });
		    mytable.data('dynatable').settings.dataset.records=myRecords;
		 mytable.data('dynatable').dom.update();		
		   console.log(data);
      }
  });
    },1000);
});

</script>
<table id="dynatable">
  <thead>
  <th>test1</th>
    <th>test2</th>
      </thead>
  <tbody>
  </tbody>
</table>
</body>
</html>

服务端php代码

<?php 
$response = array();
 $response [] = array(
        "test1" => "AAAA".time(),"test2" => "BBBB".time()
		   );

echo json_encode($response);
?>

其实这样更新也是可以的

$(document).ready(function() {
    setInterval(function() {
        $.ajax({
            url: "myStuff.php",success: function(data) {
                console.log(data);

                var myRecords = $.parseJSON(data);

                var dynatable = $('#dynatable').dynatable({
                    dataset: {
                        records: myRecords
                    }
                }).data('dynatable');

                dynatable.settings.dataset.originalRecords = myRecords;
                dynatable.process();
            }
        });
    },3000);
});

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!