web开发中,如果需要将“服务端返回的json对象”绑定到“现有页面上的dom元素”,传统赋值的方式太繁琐,写起来也很累(特别是json对象很大时),于是想出了下面的偷懒方法,不过有二个前提: 1、元素的id要与json对象中的属性命名一致2、json对象中的属性名,最好不要重复 复制代码 代码如下: json对象遍历演示 <BR>var obj = {a:'a1',b:'b1',c:{c1:'c1'},d:1,e:true,f:new Date("2012/12/24")}; <P>//showJsonProperty(obj);<BR>/*<BR>function showJsonProperty(jsonObj){<BR> for(var o in jsonObj){ <BR> alert("属性名:" + o.toString() + ",值:" + jsonObj[o].toString() + ",type:" + typeof(jsonObj[o]) ); <BR> if (typeof(jsonObj[o])=="object")<BR> {<BR> showJsonProperty(jsonObj[o]);<BR> } <BR> }<BR>}<BR>*/ <P>function bindJson(jsonObj){<BR> for(var o in jsonObj){ <BR> var domObj = document.getElementById(o.toString());<BR> if (domObj!=undefined){<BR> domObj.value=jsonObj[o].toString();<BR> } <BR> if (typeof(jsonObj[o])=="object")<BR> {<BR> bindJson(jsonObj[o]);<BR> } <BR> }<BR>}<BR>function bindData(){ <BR> bindJson(obj);<BR>}<BR><BR> input{width:80px;height:18px;margin:0 10px 0 0;border:1px #999 solid}<BR> input:hover{border:1px #ff0000 solid}<BR> input[type=button]{background-color:#efefef;height:22px;}<BR> a: b: c.c1: d: e: f: