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> ",值:" 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> > domObj.value=jsonObj[o].toString();<BR> } <BR> if (typeof(jsonObj[o])=="object ; ;<BR> } <BR> }<BR>}<BR>function bindData(){ <BR> bindJson(obj);<BR>}<BR><BR>}<BR> input{width:80px;height:18px;margin:0 10px 0 0;border:1px #999 solid} input:hover{border:1px #ff0000 solid =button]{background-color:#efefef;height:22px;} a: b: c.c1: e: f: