• 消协提醒:春节预订酒店有技巧 预付卡消费需谨慎 2018-10-20
  • 陈敏尔唐良智会见传化集团董事长徐冠巨 2018-10-20
  • 扫黑除恶利剑高悬 前8月榕查处违法采砂案件93起 2018-10-20
  • 不能让所谓的收视率愚弄观众 2018-10-18
  • 新希望!中超19岁新星半年增重十斤 曾戏耍恒大两国脚 2018-10-17
  • 迎丰收 晒丰收 庆丰收 2018-10-15
  • “捂脸表情”被注册成商标?申请人不认为商标侵权 2018-10-15
  • 战巡南海、绕岛巡航…空军有“飞出去”的主心骨 2018-10-14
  • 幼儿园要求家长写一万字读后感:不能这样玩家长|幼儿园|家长-教育时讯 2018-10-13
  • 中国故宫文物展在希腊举行 2018-10-13
  • 車·晓 第26期 車企官方降价真相幾何? 2018-10-12
  • 宝沃总裁杨嵩:曾和奔驰宝马同水平 已不能同日而语 2018-10-11
  • 新时代党员干部要有更大的担当和作为 2018-10-10
  • “2018-雷霆”专项行动破获百余起台湾间谍案 2018-10-09
  • 朝韩首脑今起在平壤会晤 “金文会”将聚焦三大议题 2018-10-09
  • 【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程序开发的精髓,快速提高开发技能。