首頁  >  文章  >  web前端  >  javascript:json資料的頁面綁定範例程式碼_javascript技巧

javascript:json資料的頁面綁定範例程式碼_javascript技巧

WBOY
WBOY原創
2016-05-16 17:02:25983瀏覽

web開發中,如果需要將“服務端返回的json對象”綁定到“現有頁面上的dom元素”,傳統賦值的方式太繁瑣,寫起來也很累(特別是json對像很大時),於是想出了下面的偷懶方法,不過有二個前提:

1、元素的id要與json物件中的屬性命名一致
2、json物件中的屬性名,最好不要重複

複製程式碼 程式碼如下:




json物件遍歷示範

<script><BR>}<BR></script>
 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:
  
 





陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn