美文网首页
【JS-05】JSON是什么,如何处理转义?

【JS-05】JSON是什么,如何处理转义?

作者: 没事儿啊 | 来源:发表于2018-01-04 17:07 被阅读0次

    1.背景介绍

    JSON一种数据交换格式。在JSON出现之前, 大家一直用XML来传递数据。因为XML是一种纯文本格式,所以它适合在网络上交换数据。XML本身不算复杂,但是, 加上DTD、XSD、XPath、XSLT等一大堆复杂的规范以后,即使你努力钻研几个月,也未必搞得清楚XML的规范。

    终于,在2002年的一天,道格拉斯·克罗克福特发明了JSON这种超轻量级的数据交换格式。

    由于JSON非常简单,很快就风靡Web世界。而在JavaScript中,我们可 以直接使用JSON,因为JavaScript内置了JSON的解析。把任何JavaScript对象变成JSON,就是把这个对象序列化成一个JSON 格式的字符串,这样才能够通过网络传递给其他计算机。如果我们收到一个JSON格式的字符串,只需要把它反序列化成一个JavaS cript对象,就可以在JavaScript中直接使用这个对象了。

    2.知识剖析

    JSON语法

    数据在名称/值对中

    数据由逗号分隔

    大括号保存对象

    中括号保存数组

    JSON值

    数字(整数/浮点数)

    字符串(双引号)

    布尔值(true/false)

    数组(中括号中)

    对象(大括号中)

    null

    实例

    JSON 数据的书写格式是:名称/值对。

    名称/值对组合中的名称写在前面(在双引号中),值对写在后面,中间用冒号隔开,

    其中 值 可以是:数字(整数或浮点数)、字符串(在双引号中)、逻辑值(true或false)、数组(在方括号中)、对象(在花括号中)、null

    使用方式:

    varjson= {"name":"myname","password":123456}

    或者是嵌套使用

                          myObj = {

                              "name":"runoob",

                              "alexa":10000,

                              "sites": {

                                  "site1":"www.runoob.com",

                                  "site2":"m.runoob.com",

                                  "site3":"c.runoob.com"

                              }

                          }

                          console.log(myObj)

    //输出结果:

    Object {name: "runoob", alexa: 10000, sites: Object}

    转义概述

    为什么需要转义?在js中我们使用的js对象进行处理,但是在与后端数据交换的时候,我们发送规定的json格式的字符串,所以在给后端发送或接受数据的时候,需要

    {name:"myname",password:123456} <–> "{"name":"myname","password":123456}"

    其中json字符串转js对象,调用parse方法:

    js对象 = JSON.parse(json字符串);

    js对象转json字符串,调用stringify方法:

    json字符串 = JSON.stringify(js对象);

    3.常见问题

    除了以上两种方法还有什么可以转化

    4.解决方案

    用eval_r('('+json字符串+')')这个方法可以实现json计算

    var value = 1;

    var js = '{"data1":"hello","data2":value++}';

    console.log(js);

    var data1 = eval("("+js+")");

    console.log(data1);

    var data2=JSON.stringify(js);

    console.log(data2);

    eval_r获取的json对象的值中,如果有执行代码,也将照样执行!所以若不能保证数据的安全性,不要使用eval_r方法进行转义。

    6.扩展思考

    我们常看到{name:"myname",password:123456}和{"name":"myname","password":123456}这样两种格式,即js对象和json,然而js对象和json有什么不一样的地方?

    一个栗子大家可以自己在浏览器上运行一下

    <script>

    var jso1={

    a:"name","b":"age"

    };

    var jso2={

    "a":"name","b":"age"

    };

    console.log(jso1.a === jso2.a);

    console.log(jso1.b === jso2.b);

    console.log(jso1 === jso2);

    console.log(jso1);

    console.log(jso2);

    var jso3=JSON.stringify(jso1);

    console.log(jso3);

    var jso4=JSON.parse({

    'a':"name","b":"age"

    });

    var jso4=JSON.parse('{\"a\":\"name\", \"b\":\"age\"}');

    console.log(jso4);

    </script>

    7.参考文献

    参考一:百度百科

    参考二:Json对象和Json字符串的区别

    参考三:json属性名必须加引号的讨论

    8.更多讨论

    如何寫一個json解析器?

    提问:

        Q:JSON对象有什么遍历方法,如何做

        A:用jq方法$.each遍历json对象

        Q:angularjs如何转换字符串和对象

        A:angular.fromJson( );

            angular.toJson();

    Q:json和jisonp有什么区别

    A:json返回的是一串数据;而jsonp返回的是脚本代码(包含一个函数调用)

    相关文章

      网友评论

          本文标题:【JS-05】JSON是什么,如何处理转义?

          本文链接:https://www.haomeiwen.com/subject/lfornxtx.html