A-A+

js遍历json数据与数组实现代码

2016年10月15日 web前端设计 暂无评论 阅读 5 views 次

json数据是一个轻型的可实时交互的数据格式,特别像js,flash都会经常与json或xml打交道的,下面我来介绍利用js遍历json数据与数组实现代码有需要的朋友可进入参考。

例1,代码如下:

  1. JSON数据如:{"options":"[{"text":"王家湾","value":"9"},{"text":"李家湾","valu   
  2. e":"10"},{"text":"邵家湾","value":"13"}]"}  
  3. 用js可以写成: JSON数据如:{"options":"[{"text":"王家湾","value":"9"},{"text":"李家湾","valu  
  4. e":"10"},{"text":"邵家湾","value":"13"}]"}  

用js可以写成如下代码:

  1. var data=[{name:"a",age:12},{name:"b",age:11},{name:"c",age:13},{name:"d",age:14}];  
  2.    for(var o in data){  
  3.     alert(o);  
  4.   alert(data[o]);  
  5.     alert("text:"+data[o].name+" value:"+data[o].age );  
  6.    }//xiariboke.com  

例2,代码如下:

  1. <script language="javascript">  
  2.  function e()  
  3.  {  
  4.     var json=[{"kl_id":"2","kl_title":"Test date","kl_content":"Test date","kl_type":"1","id":"1"},{"kl_id":"2","kl_title":"Test","kl_content":"Test","kl_type":"1","id":"2"}]  
  5.     var str = "";  
  6.     for (var one in json)  
  7.     {  
  8.         for(var key in json[one])  
  9.         {  
  10.             str += json[one][key] + ",";  
  11.         }  
  12.     }  
  13.     document.form.txtName.value = str;  
  14.  }  
  15.  </script>  
  16. //xiariboke.com  
  17. <form name="form">  
  18.   <a href="#" onclick="e();">Click</a>  
  19.   <br>  
  20.   <input name="txtName" value="" type="text" size="50">  
  21. </form>  
标签:

给我留言