json数据绑定html,javascript:json数据的页面绑定示例代码

json对象遍历演示

var obj = {a:'a1',b:'b1',c:{c1:'c1'},d:1,e:true,f:new Date("2012/12/24")};

//showJsonProperty(obj);

/*

function showJsonProperty(jsonObj){

for(var o in jsonObj){

alert("属性名：" + o.toString() + "，值：" + jsonObj[o].toString() + "，type：" + typeof(jsonObj[o]) );

if (typeof(jsonObj[o])=="object")

{

showJsonProperty(jsonObj[o]);

}

}

}

*/

function bindJson(jsonObj){

for(var o in jsonObj){

var domObj = document.getElementById(o.toString());

if (domObj!=undefined){

domObj.value=jsonObj[o].toString();

}

if (typeof(jsonObj[o])=="object")

{

bindJson(jsonObj[o]);

}

}

}

function bindData(){

bindJson(obj);

}

input{width:80px;height:18px;margin:0 10px 0 0;border:1px #999 solid}

input:hover{border:1px #ff0000 solid}

input[type=button]{background-color:#efefef;height:22px;}

a:

b:

c.c1:

d:

e:

f: