jquery 通过ajax请求获取后台数据显示在表格上的方法

<link rel="stylesheet" type="text/css" href="https://cdn.bootcss.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" rel="external nofollow" >
<script type="text/javascript" src="https://cdn.bootcss.com/jquery/1.4.0/jquery.js"></script>

<table class="table table-bordered" id='tabletest'>
 <tr>
  <th>名字</th>
  <th>开始时间</th>
  <th>是否真实</th>
  <th>设备</th>
 </tr>
 </table>

$(function(){
 $.ajax({
  url:'data.json',
  type:'get',
  datatype:'json',
  success:function(data){
   //方法中传入的参数data为后台获取的数据
   for(i in data.data) //data.data指的是数组，数组里是8个对象，i为数组的索引
   {
    var tr;
    tr='<td>'+data.data[i].name+'</td>'+'<td>'+data.data[i].starttime+'</td>'+'<td>'+data.data[i].is_true+'</td>'+'<td>'+data.data[i].device+'</td>'
    $("#tabletest").append('<tr>'+tr+'</tr>')
   }
  }
 })
})

 ***注意**** for in 通常用于对象
  遍历数组的两种方法(each,foreach)：

  $.each(arr,function(index,item){})

  arr.foreach(function(item,index))

 // arr为数组 ,index索引，item为当前值

$(function(){
    $.ajax({
   url:'data.json',
   type:'get',
   datatype:'json',
   success:function(data){
    $.each(data.data,function(index,item){
     var tr;
     tr='<td>'+item.name+'</td>'+'<td>'+item.starttime+'</td>'+'<td>'+item.is_true+'</td>'+'<td>'+item.device+'</td>';
     $("#tabletest").append('<tr>'+tr+'</tr>')
    })
   }
})})

item.is_true=parseint(item.is_true)==0?'否':'是'
//注意数据是string类型需转换，且三目运算符返回的是结果不能写成item.is_true==0? item.is_true='否': item.is_true='是'

item.is_true=parseint(item.is_true)==0?'否':'是'
var arr=item.device.split(":")
item.device=arr[0]

{
 "status": 0,
 "data": [ 
  { 
   
   "name": "天王盖地虎", 
   "starttime": "2017-03-02 00:00",
   "is_true":"0",
   "device": "sm-c9000:samsung"
  }, 
  { 
    
   "name": "宝塔镇河妖", 
   "starttime": "2017-03-02 00:00" ,
    "is_true":"0",
    "device": "sm705:smartisan"
  }, 
  { 
    
   "name": "锄禾日当午", 
   "starttime": "2017-03-02 00:00" ,
    "is_true":"0" ,
     "device": "eva-al00:huawei"
   }
 ]
}