• 遭爆校长任期炒高房价请假率高 吴茂昆:旧案重提悖离事实 2018-08-19
  • 2018年洗衣机市场健康洗产品已成市场新引擎 2018-08-19
  • 大学毕业生创业“修手机” 两个月进账超30万元 2018-08-19
  • 張近東代表建議,用AI、區塊鏈技術打造數據安全“護城河” 2018-08-18
  • 清明忆先烈 习近平这样传承“红色基因” 2018-08-18
  • 第二届福建省大学生文化创新创意大赛落幕 2018-08-18
  • 乘客突发脑梗 611路司机忙送医一直等到家属到 2018-08-18
  • 中国新一代百亿亿次超级计算机“天河三号”原型机首次亮相[组图] 2018-08-17
  • “动静”结合丨带你感受不一样的实爆训练场 2018-08-17
  • 侠客岛:拿什么拯救你,不学普通话的香港年轻人 2018-08-17
  • 机构改革是一场政治考验 2018-08-17
  • 简讯:韩国前总统朴槿惠一审被判24年有期徒刑 2018-08-16
  • 人民网评:走向大洋,呼唤现代化的中国海军 2018-08-16
  • 北京成立学生申诉处理委员会-地方新闻-时政频道-中工网 2018-08-16
  • 虽胜不足喜!鲁能一隐忧不治愈,恐高开低走 2018-08-16
  • 【JavaScript教程】JavaScript JSON

    栏目: Javascript 发布于: 2014-11-29 16:43:37

    JavaScript JSON


    JSON 是用于存储和传输数据的格式。

    JSON 通常用于服务端向网页传递数据 。


    什么是 JSON?

    • JSON 英文全称 JavaScript Object Notation
    • JSON 是一种轻量级的数据交换格式。
    • JSON是独立的语言 *
    • JSON 易于理解。

    Note * JSON 使用 JavaScript 语法,但是 JSON 格式仅仅是一个文本。
    文本可以被任何编程语言读取及作为数据格式传递。

    JSON 实例

    以下 JSON 语法定义了 employees 对象: 3 条员工记录(对象)的数组:

    JSON Example

    {"employees":[
    ??? {"firstName":"John", "lastName":"Doe"},
    ??? {"firstName":"Anna", "lastName":"Smith"},
    ??? {"firstName":"Peter", "lastName":"Jones"}
    ]}


    JSON 格式化后为 JavaScript 对象

    JSON 格式在语法上与创建 JavaScript 对象代码是相同的。

    由于它们很相似,所以 JavaScript 程序可以很容易的将 JSON 数据转换为 JavaScript 对象。


    JSON 语法规则

    • 数据为 键/值 对。
    • 数据由逗号分隔。
    • 大括号保存对象
    • 方括号保存数组

    JSON 数据 - 一个名称对应一个值

    JSON 数据格式为 键/值 对,就像 JavaScript 对象属性。

    键/值对包括字段名称(在双引号中),后面一个冒号,然后是值:

    "firstName":"John"


    JSON 对象

    JSON 对象保存在大括号内。

    就像在 JavaScript 中, 对象可以保存多个 键/值 对:

    {"firstName":"John", "lastName":"Doe"}


    JSON 数组

    JSON 数组保存在中括号内。

    就像在 JavaScript 中, 数组可以包含对象:

    "employees":[
    ??? {"firstName":"John", "lastName":"Doe"},
    ??? {"firstName":"Anna", "lastName":"Smith"},
    ??? {"firstName":"Peter", "lastName":"Jones"}
    ]

    在以上实例中,对象 "employees" 是一个数组。包含了三个对象。

    每个为个对象为员工的记录(姓和名)。


    JSON 字符串转换为 JavaScript 对象

    通常我们从服务器中读取 JSON 数据,并在网页中显示数据。

    简单起见,我们网页中直接设置 JSON 字符串 (你还可以阅读我们的 JSON 教程):

    首先,创建 JavaScript 字符串,字符传为 JSON 格式的数据:

    var text = '{ "employees" : [' +
    '{ "firstName":"John" , "lastName":"Doe" },' +
    '{ "firstName":"Anna" , "lastName":"Smith" },' +
    '{ "firstName":"Peter" , "lastName":"Jones" } ]}';

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

    var obj = JSON.parse(text);

    最后,在你的页面中使用新的 JavaScript 对象:

    实例

    <p id="demo"></p>

    <script>
    document.getElementById("demo").innerHTML =
    obj.employees[1].firstName + " " + obj.employees[1].lastName;
    </script>

    尝试一下 ?

    更多 JSON 信息,你可以阅读我们的 JSON 教程。


    本文转载自:w3cschool
    本站文章除注明转载外,均为本站原创或编译?;队魏涡问降淖?,但请务必注明出处。
    转载请注明:文章转载自 七星彩票平台
    本文标题:【JavaScript教程】JavaScript JSON
    IT技术书籍推荐:
    PHP从入门到精通(第3版)
    PHP从入门到精通(第3版)
    明日科技 (作者)
    《PHP从入门到精通(第3版)》从初学者角度出发,通过通俗易懂的语言、丰富多彩的实例,详细介绍了使用PHP进行网络开发应该掌握的各方面技术。全书共分4篇25章,包括初识PHP、PHP环境搭建和开发工具、PHP语言基础、流程控制语句、字符串操作、正则表达式、PHP数组、PHP与Web页面交互、PHP与JavaScript交互、日期和时间、Cookie与Session、图形图像处理技术、文件系统、面向对象、PHP加密技术、MySQL数据库基础、phpMyAdmin图形化管理工具、PHP操作MySQL数据库、PDO数据库抽象层、ThinkPHP框架、Smarty模板技术、PHP与XML技术、PHP与Ajax技术、应用Smarty模板开发电子商务网站、应用ThinkPHP框架开发明日导航网等内容。书中所有知识都结合具体实例进行介绍,涉及的程序代码均附以详细的注释,可以使读者轻松领会PHP程序开发的精髓,快速提高开发技能。