1. 程式人生 > >jQuery ajax getjson demo

jQuery ajax getjson demo

function loadData(){ //發出請求 $.getJSON('1.json', function(data){//得到內容 var ret = []; $.each(data, function(i, entry){//遍歷返回的資料 var html='<tr>'; html+='<td bgcolor="#FFFFFF">'+entry['dm']+'</td>'; html+='<td bgcolor="#FFFFFF">'
+entry['name']+'</td>'; html+='<td bgcolor="#FFFFFF">'+entry['zuixin']+'</td>'; html+='<td bgcolor="#FFFFFF">'+entry['zhangdie']+'</td>'; html+='<td bgcolor="#FFFFFF">'+entry['mairu']+'</td>'; html+='<td bgcolor="#FFFFFF">'
+entry['maichu']+'</td>'; html+='<td bgcolor="#FFFFFF">'+entry['zuigao']+'</td>'; html+='<td bgcolor="#FFFFFF">'+entry['zuidi']+'</td>'; html+='<td bgcolor="#FFFFFF">'+entry['zuojie']+'</td>'; html+='<td bgcolor="#FFFFFF">'
+entry['zuoshou']+'</td>'; html+='<td bgcolor="#FFFFFF">'+entry['times']+'</td>'; html+='</tr>'; ret.push(html);//存入陣列 }); $('#title').html('<table>' + ret.join('') + '</table>');//將數組合並後,寫入 #title 中 }); } $(document).ready(function(){//DOMReady時觸發 loadData();//先執行一次,將內容顯示出來 setInterval(loadData, 1*1000);//然後每隔10秒執行一次,時間請根據需要自己修改 });