jQuery基础总结–JSON(五)

继续接上篇jQuery基础总结–jQuery的AJAX(四)

JSON(JavaScript Object Natation)简介

1、一种轻量级的数据交换格式

2、和XML一样,基于纯文本的数据格式

3、可以表达String、Number、Boolean、数组、对象等数据

4、适合于服务器与JavaScript客户端的交互

JSON基础结构

1、JSON实际上是基于JS语法的一个子集。

2、JSON的构建有两种结构:数组和对象。

3、JSON值的表示形式:

字符串、数值、true、false、null、Object或数组等。

JSON简单的说就是javascript中的对象和数组

JSON基本语法

数组表示

数组在js中是中括号“[]”扩起来的元素,每个元素用逗号分隔,元素可以是任意的值。

例如:[ "abc" , 123 , true, null ]

访问其中的元素,使用索引号,从 0 开始。

对象表示

对象在js中表示为”{}”扩起来的内容,数据为{key:value,...}的键值对的结构,其中Key和Value之间用冒号分割,每个key-value之间用逗号分割。

例如:

{ "bookname":"Ajax基础",

"publisher":"电子工业出版社",

"price": 56.0}

访问其中的数据,通过obj.key来获取对应的value

复杂数据表示

通过对对象、数组2种结构的组合就可以构建成复杂的数据结构。即Object或数组中的值还可以是另一个 Object 或者数组。

例如:

[

{“name”:“张三”, “age”:18 , “loves”:[“看书”,“游泳"]},

{"name":"王五", "age": 20,"loves":["旅游"]}

]

$.getJSON()

jQuery中通过$.getJSON()可以加载处理JSON数据类型的文件。

其语法如下:

$.getJSON(url, [data], [callback])

url: 用于获取JSON文件的网址。

data: 发送至服务器的key/value数据(可选)。

callback: 请求完成时的回调函数。

未完待续...

下篇传送阵:jQuery基础总结–jQuery事件(六)

您可以选择一种方式赞助本站

支付宝扫一扫赞助

微信钱包扫描赞助

发表评论

gravatar

:?::razz::sad::evil::!::smile::oops::grin::eek::shock::???::cool::lol::mad::twisted::roll::wink::idea::arrow::neutral::cry::mrgreen:

目前评论:1   其中:访客  1   博主  0

  1. avatar haoessays 2

    楼主写得很深刻,赞赞赞。

评论加载中...