How to use JSON to process JSON data into tables in HTML?

Html section:

& 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 parts:

window.onload=function(){

Vardata = [{"uid": "2688 ","uname": "* Nanjing Senior High School in Jiangsu Province 022 ","sum": 274.23}, {"uid": "2689 ","uname ":* Jiangyin International Convention and Exhibition Center Management Co., Ltd. 024", "sum" "uname": "Jiangsu Li Shen industrial co., ltd. 00 1", "SUM": 79 17.94}, {"UID": "2765438".

//js reads json data circularly.

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

for(var I = 0； I < data length; i++){

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

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

c 1.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]。 Sum;

}

}