Web 開発で、「サーバーから返された json オブジェクト」を「既存のページの dom 要素」にバインドする必要がある場合、従来の代入方法はあまりにも面倒で書くのが面倒です (特に json オブジェクトは非常に面倒です)。大きい ) ので、次のような怠惰な方法を思いつきましたが、前提条件が 2 つあります: 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")};<br> //showJsonProperty(obj);<p>/*<br>function showJsonProperty(jsonObj){<br> for(var o in jsonObj){ <br>alert("プロパティ名: " o.toString() "、値: " jsonObj[o].toString() "、タイプ: " typeof(jsonObj[o]) ); <br> if (typeof(jsonObj[o])=="object")<br> {<br> showJsonProperty(jsonObj[o]);<br> } <br> }<br>}<br>*/<br> </p>function bindingJson(jsonObj){<p> for(var o in jsonObj){ <br> var domObj = document.getElementById(o.toString());<br> if (domObj!=unknown){<br> domObj.value=jsonObj[o].toString();<br> } <br> if (typeof(jsonObj[o])=="object")<br> {<br> bindingJson(jsonObj[o]) ;<br> } <br> }<br>}<br>function bindingData(){ <br> bindingJson(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 : < ;/div>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
