JSON

一 JSON的简介

  1 .JSON是一种轻量级的数据交换格式

  2. JSON通常用于服务器端向网页传递数据

  3 JSON 是存储和交换文本信息的语法。类似 XML;

  4 JSON是在AJAX中代替XML交换数据的更佳方案。

二 JSON语法规则

数据使用键值对的方式;

    数据由逗号分割;

    大括号保存对象;

    方括号保存数组

 JSON 值可以是:

    1. 数字(整数或浮点数)
    2. 字符串(在双引号中)
    3. 逻辑值(true 或 false)
    4. 数组(在方括号中)
    5. 对象(在花括号中)
    6. null
<script>
      //js中的对象表示
  var user={
    name:'张三',
    age:'30'
  }
   //josn对象表示
   
   //json本质上是字符串

   //普通数组 
    var arr=["aaa",100,true]

  //json数组
    ["aaa",100,true] //少了变量赋值

  //数组对象组合嵌套使用
  [{
    "name":"aaa",
    "age":30
  },{
    "name":"bbb",
    "age":25
  },{
    "name":"ccc",
    "age":18
  }]
</script>

三:JSON 的解析和序列化

    一般情况下,我们的json数据都是从服务端获取到的,获取的json数据是以字符串的形式返回的。这个字符串虽然是json格式的,但是不能被直接使用,我们必须将该字符串转化为一个对象才能正常解析它

  JavaScript 函数 eval() 可用于将 JSON 文本转换为 JavaScript 对象,但是存在安全问题(如果JSON中包含恶意代码也会被直接执行)

      使用 JSON 解析器将 JSON 转换为 JavaScript 对象是更安全的做法。JSON解析器只会识别JSON文本,而不会执行

      JSON 的解析:json数据转换成js对象

    语法:var myObject = JSON.parse(myJSONtext, reviver);

 JSON的序列化:js对象转换成json数据(字符串)
         var myJSONText = JSON.stringify(myObject, replacer);
  <script>
  //实际使用的时候json数据需要从服务器加载,这里假定下面的数据是从服务器加载过来的,来演示后续的操作。
  var jsonstr='[{"name":"aaa","age":30},{"name":"bbb","age":25},{"name":"ccc","age":18}]';
  //alert(typeof(jsonstr))
 //json数据转换成js对象
    //var jsonobj=JSON.parse(jsonstr);
    //alert(jsonstr)
   // alert(jsonobj[0].name)
    //alert(typeof(jsonobj))

    var jsonobj=JSON.parse(jsonstr,function(key,value){
        if ((key=='name')) {
          alert('VIP会员:'+value) ;
        }else
        {
           alert(value)
        }
    });


  </script>

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • JS的运行机制

    代码块: JS中的代码块是指由<script>标签分割的代码段。JS是按照代码块来进行编译和执行的,代码块间相互独立(即就算代码块1出错,但不影响代码块2的加载...

    用户3159471
  • AJAX

     AJAX是异步的JavaScript和XML,是一种用于创建快速动态网页的技术,使用AJAX可以更新部分网页内容,是非常方便使用的

    用户3159471
  • Date对象和Math对象

        1.  var  date=new Date()    //无参数的情况下返回值为当前时间

    用户3159471
  • Qt之JSON教程-介绍篇

    Qt君
  • SQL Server 2016 JSON原生支持实例说明

    背景 Microsoft SQL Server 对于数据平台的开发者来说越来越友好。比如已经原生支持XML很多年了,在这个趋势下,如今也能在SQLServer2...

    用户1217611
  • 推荐 9 个 爱不释手的 JSON 工具!

    链接:developer.51cto.com/art/201910/604745.htm

    Java技术栈
  • Javascript[0x04] -- JSON必知必会

    通常在写简历的时候,对于某项技术而言,我们可以用“精通”,“熟悉”和”了解“三种词汇来描述你对它的掌握情况,在写这篇文章的时候,是笔者阅读完《JSON必知必会...

    丰臣正一
  • JS高级测试: 下列JSON说法不正确的是?

    使用 JavaScript 内置函数 JSON.parse() 将字符串转换为 JavaScript 对象:

    舒克
  • 如何扩展 VSCode JSON 智能提示?

    关注「前端向后」微信公众号,你将收获一系列「用心原创」的高质量技术文章,主题包括但不限于前端、Node.js以及服务端技术

    ayqy贾杰
  • Go JSON

    如今在网络编程中JSON这种数据格式占据了较大的市场,如果不出意外,几乎新开发的数据交互,都会使用JSON这种轻量级的数据格式来处理数据交互。所以,怎么解析,转...

    icepy

扫码关注云+社区

领取腾讯云代金券