JQuery 通過 ajax讀取 數據庫文件 json 格式返回
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<table width="100%" border="1" cellpadding="0" cellspacing="0">
<tr>
<td>編號</td>
<td>姓名</td>
<td>年齡</td>
<td>操作</td>
</tr>
<tbody id="bg">
</tbody>
</table>
</body>
<script>
$(function(){
$.get("/users/get",
function(data,status){
var htmlstr="";
var da=data.datas;
/*****************************************************************
da.forEach(element => {
htmlstr+="<tr><td>"+element.id+"</td><td>"+element.name+"</td><td>"+element.age+"</td><td>"+"test"+"</td></tr>"
var cnt =0;
alert(element);
$.each(e in element)
{
if(cnt==0)
{
tmp=e;
htmlstr+="<tr><td>"+e+"</td><td>"
}
}
htmlstr+=+"test"+"</td></tr>"
});
***********************************************************************/
for(var i=0;i<da.length;i++)
{
var element=da[i];
var tmp;
var cnt =0;
//htmlstr+="<tr><td>"+element.id+"</td><td>"+element.name+"</td><td>"+element.age+"</td><td>"+"test"+"</td></tr>"
$.each(element,function(index,value){
if(cnt==0)
{
tmp=value;
htmlstr+="<tr><td>"+value;
}
else
{
htmlstr+="</td><td>"+value
}
++cnt;
});
htmlstr+="</td><td><input type='button' class='shanchu' value='"+tmp+"'/></td></tr>"
}
$("#bg").html(htmlstr);
});
});
</script>
</html>