JSON使用

Posted 2021-04-30 酷酷的枫

其实这篇很简单分分钟可以学会 但是为了保证我可以持续更，认真的更我觉得我有必要说一说

为什么要学json？其实很简单因为要用呀！

JSON(javascript Object Notation) 是一种轻量级的数据交换格式。它基于ECMAScript的一个子集。 JSON采用完全独立于语言的文本格式，但是也使用了类似于C语言家族的习惯（包括C、C++、C#、Java、JavaScript、Perl、Python等）。这些特性使JSON成为理想的数据交换语言。 易于人阅读和编写，同时也易于机器解析和生成(一般用于提升网络传输速率)。

先说说基本的数据绑定流程吧

ajax请求服务器》服务器返回一个json》绑定到页面

昨天更新了ajax ，今天了解一下json，json很简单，就两个方法。一般学过编程都可以秒懂

举例说明一下

{     "button":[     {              "type":"click",

         "name":"今日歌曲",

         "key":"V1001_TODAY_MUSIC"      },      {

          "type":"click",

          "name":"歌手简介",

          "key":"V1001_TODAY_SINGER"      },      {

          "name":"菜单",

          "sub_button":[           {                 "type":"view",

            "name":"搜索",

            "url":"http://w.s.com/"            },            {

             "type":"view",

             "name":"视频",

             "url":"http://v.q.com/"            },            {

              "type":"click",

              "name":"赞一下我们",

              "key":"V1001_GOOD"            }]       }] }

使用ajax 请求之后返回一个json 对象或者说json 复合对象，那么问题来了我们怎么把这个对象放在我们的页面中呢？？？

举例说明一下 上面就好比服务器返回的json 

$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?tags=cat&tagmode=any", function(req) {

            console.log(req.button);

             //会输出整个button 复合对象

              console.log(req.button[0]); 

              //会输出button 复合对象里面的第一个对象

              //{type: "click", name: "今日歌曲", key: "V1001_TODAY_MUSIC"}

              //如果取第二个对象就是req.button[1]   这个类似编程里面取数组就不多讲            

              //把绑定的值怎么绑定到我们的页面中呢 ，一个直接拼串，二就是用框架这里就简单说明一下

            $('p').text(req.button[1].name)

            //这样简单的赋值

            $('img').html("<img src=' "+req.button[1].key+ " '/>")

            //这样的拼串     

});

下面说说JSON的两个方法

JSON.parse(str)  将数据转换为 JavaScript 对象。 str JSON字符串。

JSON.stringify(obj)  将 JavaScript 对象转换为字符串。 obj JSON对象。