js 解析json数据方法

最新推荐文章于 2024-04-10 18:24:39 发布

wbelove

最新推荐文章于 2024-04-10 18:24:39 发布

阅读量836

点赞数

分类专栏：数据解析汇总文章标签： json generator input html

本文链接：https://blog.csdn.net/wbelove/article/details/7381259

版权

数据解析汇总专栏收录该内容

3 篇文章 0 订阅

订阅专栏

1.解析json 纯数组形式

[{"kl_id":"1","kl_title":"Test1"},{"kl_id":"2","kl_title":"Test2"}]

<META NAME="Description" CONTENT="">
<script language="javascript">
function showJson()
{
    var json=  [{"kl_id":"1","kl_title":"Test1"},{"kl_id":"2","kl_title":"Test2"}];
    var str = ""; 
    //第一种写法
    for (var one in json)
    {
        for(var key in json[one])
        {
              
            str += json[one][key] + ",";
        }
    } 
     //第二种写法
    //for (var one in json)
  //  {
       //     str += json[one].kl_id+ ",";
         //   str += json[one].kl_title + ",";  
    //} 
    document.form.txtName.value = str;
}
</script>
</HEAD>
<BODY>
<form name="form">
  <a href="#" οnclick="showJson();">Click</a>
  <br>
  <input name="txtName" value="" type="text" size="50">
  </form>
</BODY>
</HTML>

2.解析json 比较复杂的类型

{"address":[{"kl_id":"1","kl_title":"Test1"},{"kl_id":"2","kl_title":"Test2"}]}

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script language="javascript">
function showJson()
{
    var json=  {"address":[{"kl_id":"1","kl_title":"Test1"},{"kl_id":"2","kl_title":"Test2"}]};
    var str = "";
    //第一种写法
     for (var one in json.address) {
    
          for(var key in json.address[one]){
         
          }
            str += json.address[one][key] + ",";     
    }
     //第二种写法
     //for (var one in json.address)
   // {
      //      str += json.address[one].kl_id+ ",";
     //          str += json.address[one].kl_title + ",";  
   // }
    document.form.txtName.value = str;
}
</script>
</HEAD>

<BODY>
<form name="form">
  <a href="#" οnclick="showJson();">Click</a>
  <br>
  <input name="txtName" value="" type="text" size="50">
  </form>
</BODY>
</HTML>