Jquery解析Json对象/数组（含demo）

上班过程中，一直使用封装好的前端框架解析Json对象，这次我们用Jquery原生的解析来解析Json对象和Json数组。

一.前期准备:

两个Json文件:
json1:用来解析简单的Json对象

{
    "comments": [{
        "content": "Hello",
        "id": 1,
        "nickname": "小三"
    }, {
        "content": "World",
        "id": 2,
        "nickname": "小四"
    }]
}

json2：用来解析Json数组

{
    "comments": [{
        "content": "Hello",
        "id": 1,
        "nickname": "小三"
    }, {
        "content": "World",
        "id": 2,
        "nickname": "小四"
    }],

    "content": "我是Json对象content， 哈哈。",
    "infomap": {
        "性别": "男",
        "职业": "程序员",
        "博客": "https://www.jianshu.com/u/86890c00216d"
    },
    "title": "你好，世界"
}

然后一个编辑器（我用的是Hbuilder）,将解析的两个页面与两个json文件放入同一目录，方便解析，如下:

Jq解析.JPG

二.代码实现

json1用来解析简单的json对象:

    
        
        
        
        
    
    
        

        点我加载数据
        
    

然后在Hbuilder上运行这个网页看看:

json1

json2用来解析json数组:

    
        
        
        
        
    
    
        

        

        

        

        点我加载数据
    

同样运行一下这个html文件:

json2.gif

以上。喜欢就给颗小吧~