& lttr & gt& ltth & gtuid & lt/th & gt;& ltth & gtuname & lt/th & gt;& ltth & gtsum & lt/th & gt;& lt/tr & gt;& lt/table & gt;Js零件:window.onload=functi" />
當前位置:律師網大全 - 裝修公司 - 如何用JSON將JSON數據處理成HTML中的表格?

如何用JSON將JSON數據處理成HTML中的表格?

用js將讀取的數據寫入壹個表中。

Html部分:

& lttable id="table " >

& lttr & gt

& ltth & gtuid & lt/th & gt;

& ltth & gtuname & lt/th & gt;

& ltth & gtsum & lt/th & gt;

& lt/tr & gt;

& lt/table & gt;

Js零件:

window.onload=function(){

Vardata = [{"uid": "2688 "," uname": "*江蘇省南京高級中學022 "," sum": 274.23},{"uid": "2689 "," uname": "*江陰國際會展中心管理有限公司024 "," sum" "uname ":"江蘇省李紳實業有限公司001 "," SUM": 7917.94},{"UID": "2765438 "

//js循環讀取json數據。

var table = document . getelementbyid(" table ");

for(var I = 0;我& lt數據長度;i++){

var row = table . insertrow(table . rows . length);

var c 1 = row . insert cell(0);

c1.innerHTML=data[i]。uid

var C2 = row . insert cell(1);

c2.innerHTML=data[i]。uname

var C3 = row . insert cell(2);

c3.innerHTML=data[i]。總和;

}

}

  • 上一篇:雲南聚邁網絡科技有限公司怎麽樣?
  • 下一篇:長春壹東離合器有限公司怎麽樣?
  • copyright 2024律師網大全