用JQUERY刷新AJAX表格

我想刷新一张表格，并填充JSON数据，例如每5秒钟一次。用JQUERY刷新AJAX表格

该表应该刷新而不需要完整的网站刷新。应添加新项目，应删除丢失的项目。我如何使用AJAX刷新它？

<!DOCTYPE html> 
<html> 
<head> 
<title>test</title> 
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>  
<meta http-equiv="content-type" content="text/html; charset=UTF-8"> 
<table face="comic sans ms" border="1" id="usertable"></table> 
</head> 
<body> 
<script type="text/javascript"> 
$(document).ready(function(){ 
     $.getJSON('./url.php', function(data) { 
      var cars = data.rec.vehicles.vehicles; 
      $.each(cars, function(key, data){ 
       console.log(data.carName); 
       var vint=data.vin; 
       var coopers=""; 
       var tanken=""; 
       var drive="MAN"; 
       var fuelfarbe="#01DF3A"; 
       var prozent="%"; 
       var v=vint.substring(3,7); 
       if(v=="SX31"){coopers=" S";} 
       if(v=="SW71"){coopers=" SD";} 
       if(data.auto=="Y"){drive="AUT";} 
       if(data.fuelState<=25){tanken="20 Freiminuten für Vollbetankung"; fuelfarbe="#FF4000";} 
       $('#usertable').append(
        function() { 
         return "<tr>"+ 
            "<td>"+data.carName+"</td>"+ 
            "<td>"+data.model+coopers+"</td>"+ 
            "<td>"+drive+"</td>"+ 
            "<td>"+data.fuelState+prozent+"</td>"+ 
            //"<td>"+data.address+"</td>"+ 
            "<td>"+data.licensePlate+"</td>"+ 
            "<td>"+tanken+"</td>" 
           "<tr>"; 
        } 
       ); 
      }) 
     }); 
    }); 
</script> 
</body> 
</html>

来源

2013-11-20 user2718017

尝试使用[window.setInterval]（https://developer.mozilla.org/ en-US/docs/Web/API/Window.setInterval） –

我强烈建议你看看使用类似Kno的东西ckout这样的东西。否则，当需要做出改变时，你会把头发拉出来。 http://knockoutjs.com – ShaneBlake

保持getJSON在功能

function dummy() 
{ 
    $(function() { 
     $.getJSON(
     "url", 
     function(json){ }); 
    }); 
}

和

给

setInterval(dummy, 5000);

来源

2013-11-20 15:08:15

好吧，我现在试了。现在的问题：？表内容被添加到extisting表...什么是错'<！DOCTYPE HTML> //..// <脚本类型= “文/ JavaScript的”> setTimeout（function（）{.getJSON（'./ url.php'，function（data）{ var cars = data.rec（）函数调用JSON（）{ （汽车，功能（钥匙，数据）{ // ... // } ）; }） }）。always（callJSON）; 5000）; \t} \t $（callJSON）; }）; ' – user2718017

Sry :) .. iam一个血腥的初学者...什么都必须改变我上面提到的代码？谢谢:) – user2718017

简单的每个ajax请求你使用'empty'清空表，然后用新数据填充它。 –

用JQUERY刷新AJAX表格

回答

相关问题