用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表格

回答

相關問題