网站地图    收藏   

主页 > 前端 > javascript >

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

来源:自学PHP网    时间:2014-09-19 14:47 作者: 阅读:

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


例1

 代码如下 复制代码

JSON数据如:{"options":"[{"text":"王家湾","value":"9"},{"text":"李家湾","valu
e":"10"},{"text":"邵家湾","value":"13"}]"}

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

用js可以写成:

 代码如下 复制代码

 
var data=[{name:"a",age:12},{name:"b",age:11},{name:"c",age:13},{name:"d",age:14}];
   for(var o in data){
    alert(o);
  alert(data[o]);
    alert("text:"+data[o].name+" value:"+data[o].age );
   }


例2

 代码如下 复制代码

<script language="javascript">
 function e()
 {
    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"}]
    var str = "";
    for (var one in json)
    {
        for(var key in json[one])
        {
            str += json[one][key] + ",";
        }
    }
    document.form.txtName.value = str;
 }
 </script>


<form name="form">
  <a href="#" onclick="e();">Click</a>
  <br>
  <input name="txtName" value="" type="text" size="50">
</form>

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论