jQuery ajax getjson demo
阿新 • • 發佈:2019-02-16
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秒執行一次,時間請根據需要自己修改
});