JSON的相关内容

JSON的相关内容

JSON是什么

JSONJavaScript Object Notation的缩写,是一种轻量级的数据交换格式。JSON是基于
JavaScript Prograrnming Language, Standard ECMA-262 3rd Edition - December 1999的一个子集。
JSON是独立于任何语言的文本格式。易于程序员阅读和编写,同时也易于计算机解析和生成。JSON的中文官网地址: http://www.json.org/ison-zhhtmnl

JSON语法规则

JSON格式的构建比较简单,主要为两种结构:
● “名称/值” 对的集合( A collection of name/value pairs)。不同的语言中,它被理解为对象(object),纪录(record),结构(struct),字典( dictionary),哈希表(hash table ),
有键列表(keyed list),或者关联数组( associative array)。
● 值的有序列表( An ordered list of values)。在大部分语言中,它被理解为数组( array)JSON格式中作为值的类型允许是字符串( string)、数值(number) true、 false、 null 对象(object)或者数组( array)。

JSON中的键值对集合

在这里插入图片描述
image-20201115012451684

JSON文件

JSON具有独立的文件,扩展名为“json” 。该文件中允许保存JSON格式的数据。

{ 

              "name'": "卧龙学苑""addr": "保定市复兴中路77号直隶大厦1516室""classes": [
                             "Web前端就业课程",
                             "Web前端生涯规划课程"
               ]
}

**注意:**在JSON文件中编写“名称/值”对的集合时,作为“名称”的Key必须使用双引号(“”)包裹。

JavaScriptJSON

JSON是一种语法,用来序化对象,数组,数值,字符串,布尔值和null。它基于JavaScript语法,但与之不同:JavaScript不是JSON,JSON 也不是JavaScript

image-20201115013307835

JSON字符串与JSON对象

JSON字符串就是指在JavaScript语言中内容格式符合JSON格式的字符串类型的数据。

var jsonText- '{"name": "卧龙学苑","addr": "保定市复兴中路77号直隶大厦1516;

JSON对象就是指JSON格式在JavaScript语言中的具体表现形式为对象或数组。

var jsonObject= {
"name": "卧龙学苑""addr": "保定市复兴中路77号直隶大厦1516室"

JavaScriptJSON对象

JavaScript语言中存在的JSON对象,该对象用于实现字符串域对象之间的转换。其提供一下两个方法:

  • JSON.parse()方法:解析JSON 字符串并返回对应的值。
JSON.parse('{}');//{}
JSON.parse('true');//true
JSON.parse("foo");//"foo"
JSON.parse('[1,5,"false"]');//[1,5,"false"]
JSON.parse('null');//null
  • JSON.stringify()方法:返回与指定值对应的JSON字符串。
JSON.stringify('{}');//{}
JSON.stringify('true');//'true'
JSON.stringify("foo");//'"foo"'
JSON.stringify([1,"false",false]);//'[1,"false",false]'
JSON.stringify({x:5});// '{"x":5}'

注意JSON对象在旧版本的浏览器中不被支持,引入json2.js文件进行解决。

构建JSON格式数据

通过Ajax向服务器端提交一部请求时,允许使用JSON格式的请求数据。如下示例代码所示:

//使用对象类型存储请求数据
var obj ={
         "name":"卧龙学院",
         "addr":"保定市复兴中路77号直隶大厦1516室"
}
//将JSON对象转化为JSON字符串
var jsonText = JSON.stringify(onj);
//将构建的请求数据传递给XMLHttpRequest对象的send()方法
httpRequest.send(jsonText);

jQuery中的Ajax

jQuery不仅对JavaScript语言进行了封装,也对Ajax异步交互进行了封装。jQuery提供了六个Ajax操作的方法:

  • load()方法
  • $.get()方法和$.post()方法
  • $.ajax()方法
  • $.getScript()方法和$.getJSON()方法
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值