js里利用json循环加载数据

最新推荐文章于 2024-04-17 22:27:59 发布

java里摸爬滚打的GIS开发人员

最新推荐文章于 2024-04-17 22:27:59 发布

阅读量1.8k

点赞数

分类专栏： web前端文章标签： json js

web前端专栏收录该内容

8 篇文章 0 订阅

订阅专栏

 
      window.onload =  
      function  
      () { 
     
 
           
      var  
      datanav = [{  
      "name" 
      :  
      "张三" 
      ,  
      "position" 
      :  
      "1" 
      ,  
      "powerrate" 
      :  
      "2" 
      ,  
      "waterrate" 
      :  
      "3" 
      ,  
      "healthcosts" 
      :  
      "4" 
      ,  
      "watermeter" 
      :  
      "5" 
      ,  
      "ammeter" 
      :  
      "6" 
      ,  
      "linkman" 
      :  
      "7" 
      ,  
      "phone" 
      :  
      "8" 
      ,  
      "rental" 
      :  
      "9" 
      ,  
      "tenancy" 
      :  
      "10" 
      ,  
      "remark" 
      :  
      "11"  
      }, {  
      "name" 
      :  
      "李四" 
      ,  
      "position" 
      :  
      "11" 
      ,  
      "powerrate" 
      :  
      "10" 
      ,  
      "waterrate" 
      :  
      "9" 
      ,  
      "healthcosts" 
      :  
      "8" 
      ,  
      "watermeter" 
      :  
      "7" 
      ,  
      "ammeter" 
      :  
      "6" 
      ,  
      "linkman" 
      :  
      "5" 
      ,  
      "phone" 
      :  
      "4" 
      ,  
      "rental" 
      :  
      "3" 
      ,  
      "tenancy" 
      :  
      "2" 
      ,  
      "remark" 
      :  
      "1" 
      }]; 
     
 
           
      var  
      tb = document.getElementById( 
      "tb" 
      ); 
     
 
           
      for  
      ( 
      var  
      i = 0; i < datanav.length; i++) { 
     
 
               
      var  
      row = tb.insertRow(tb.rows.length); 
     
 
               
      var  
      c1 = row.insertCell(0); 
     
 
               
      c1.innerHTML = datanav[i].name; 
     
 
               
      var  
      c2 = row.insertCell(1); 
     
 
               
      c2.innerHTML = datanav[i].waterrate; 
     
 
               
      var  
      c3 = row.insertCell(2); 
     
 
               
      c3.innerHTML = datanav[i].powerrate; 
     
 
               
      var  
      c4 = row.insertCell(3); 
     
 
               
      c4.innerHTML = datanav[i].healthcosts; 
     
 
               
      var  
      c5 = row.insertCell(4); 
     
 
               
      c5.innerHTML = datanav[i].watermeter; 
     
 
               
      var  
      c6 = row.insertCell(5); 
     
 
               
      c6.innerHTML = datanav[i].ammeter; 
     
 
               
      var  
      c7 = row.insertCell(6); 
     
 
               
      c7.innerHTML = datanav[i].linkman; 
     
 
               
      var  
      c8 = row.insertCell(7); 
     
 
               
      c8.innerHTML = datanav[i].phone; 
     
 
               
      var  
      c9 = row.insertCell(8); 
     
 
               
      c9.innerHTML = datanav[i].rental; 
     
 
               
      var  
      c10 = row.insertCell(9); 
     
 
               
      c10.innerHTML = datanav[i].tenancy; 
     
 
           
      } 
     
 
      } 
     

java里摸爬滚打的GIS开发人员

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
js里利用json循环加载数据

window.onload = function () { var datanav = [{ "name": "张三", "position": "1", "powerrate": "2", "waterrate": "3", "healthcosts": "4", "watermeter": "5", "ammeter": "6", "linkman": "7", "phone":
复制链接

扫一扫