web开发中，如果需要将“服务端返回的json对象”绑定到“现有页面上的dom元素”，传统赋值的方式太繁琐，写起来也很累(特别是json对象很大时)，于是想出了下面的偷懒方法，不过有二个前提：
1、元素的id要与json对象中的属性命名一致
2、json对象中的属性名，最好不要重复
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
|
var obj = {a:'a1',b:'b1',c:{c1:'c1'},d:1,e:true,f:new Date("2012/12/24")};//showJsonProperty(obj);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);
}script>
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;}
style>
head>
a:
b:
c.c1:
d:
e:
f:
div>
body>
html>
|
来自 “ ITPUB博客 ” ，链接：https://blog.itpub.net/1009/viewspace-2808441/ ，如需转载，请注明出处，否则将追究法律责任。
上一篇：
android布局之frame布局方式
下一篇：
php-fpm ---配置详解
请登录后发表评论
登录
全部评论
