html显示json-白红宇

html显示json

阅读量：6768 次

发布时间：2019-06-26

本文共 1301 字，大约阅读时间需要 4 分钟。

简单使用html显示json的内容 <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">

<head>

<title>JavaScript加载JSon数据</title>

//<![CDATA[

function contactList(jsons){

var table = document.getElementById("contactTable");

var arr = eval(jsons);

for(var i=0; i<arr.length; i++){

var jsonObj = arr[i]; //获取json对象

var tr = table.insertRow(table.rows.length);

var td1 = tr.insertCell(0);

td1.align = "center";

var td2 = tr.insertCell(1);

td2.align = "center";

var td3 = tr.insertCell(2);

td3.align = "center";

td1.innerHTML = jsonObj.id;

td2.innerHTML = jsonObj.name;

td3.innerHTML = jsonObj.phone;

}

function pageInit(){

var contact = "[{id:1,name:'张三',phone:'12345'},{id:2,name:'李四',phone:'12345'},{id:3,name:'王五',phone:'12345'}]";

contactList(contact);

}

//]]

</script>

</head>

</tr>

</table>

</body>

</html>

转载于:https://my.oschina.net/xzs1913/blog/64960

你可能感兴趣的文章

QT 库连接问题

查看>>

Visual Leak Detector (VLD)使用

查看>>

UITextField设置placeholder颜色

查看>>

Incrontab(事件触发任务命令）文档说明

eNSP分析OSPF分析stub区域与普通区域的区别，并验证stub区域的特性

查看>>

运维之路--- Just Do It !

查看>>