一、什么是JSON
概念:
- JSON: JavaScript Object Notation(JavaScript 对象表示法)
- JSON 是存储和交换文本信息的语法。类似 XML。
- JSON 比 XML 更小、更快,更易解析。
特点:
- JSON 指的是 JavaScript 对象表示法(JavaScript Object Notation)。
- JSON 是轻量级的文本数据交换格式。
- JSON 独立于语言:JSON 使用 Javascript语法来描述数据对象,但是 JSON 仍然独立于语言和平台。JSON 解析器和 JSON 库支持许多不同的编程语言。 目前非常多的动态(PHP,JSP,.NET)编程语言都支持JSON。
- JSON 具有自我描述性,更易理解。
二、JSON的写法
- 语法规则: JSON 语法是 JavaScript 对象表示语法的子集。
- 数据在名称/值对中。
- 数据由逗号分隔。
- 大括号保存对象。
- 中括号保存数组。
- 写法: JSON 数据的书写格式是:名称/值对。名称/值对包括字段名称(在双引号中),后 面写一个冒号,然后是值。
"name" : "菜鸟教程"
//等同于javascript
name = "菜鸟教程"
- 值上的范围: (注意冒号与逗号)
- 数字(整数或浮点数)
- 字符串(在双引号""中)
- 逻辑值(true 或 false)
- 数组(在中括号[]中)
- 对象(在大括号{}中)
- null
- 访问:
可以使用 . 或者 [ ] 。
var myObj, x;
myObj = { "name":"runoob", "alexa":10000, "site":null };
x = myObj.name;
//x=myObj["name"];
- 循环访问对象:
var myObj = { "name":"runoob", "alexa":10000, "site":null };
//直接循环每对键值对,x为当前键值对的 键 名
for (x in myObj) {
document.getElementById("demo").innerHTML += x + "<br>";
}
//结合访问[] 或者 . 即可得到值如“runoob”
for (x in myObj) {
document.getElementById("demo").innerHTML += myObj[x] + "<br>";
}
- 修改值
myObj = {
"name":"runoob",
"alexa":10000,
"sites": {
"site1":"www.runoob.com",
"site2":"m.runoob.com",
"site3":"c.runoob.com"
}
}
myObj.sites.site1 = "www.google.com";
//myObj.sites["site1"] = "www.google.com";
- 删除值
delete myObj.sites.site1;
//delete myObj.sites["site1"];
- json数组
例如:[ “Google”, “Runoob”, “Taobao” ]
注意:
- JSON 数组在中括号中书写。
- JSON 中数组值必须是合法的 JSON 数据类型(字符串, 数字, 对象, 数组, 布尔值或 null)。
- 与JavaScript 不同,在它之中,数组值可以是以上的 JSON 数据类型,也可以是 JavaScript 的表达式,包括函数,日期,及 undefined。
- 循环,修改,删除跟上面差不多,只不过数组有了默认下标 。
三、字符串转JSON——JSON.parse()
JSON 通常用于与服务端交换数据。在接收服务器数据时一般是字符串。
我们可以使用 JSON.parse() 方法将数据转换为 JavaScript 对象。
我们可以使用 JSON.stringify() 方法将 JavaScript 对象转换为字符串。
JSON.parse(text[, reviver])
- text:必需, 一个有效的 JSON 字符串。
- reviver: 可选,一个转换结果的函数, 将为对象的每个成员调用此函数。
var obj = JSON.parse('{ "name":"runoob", "alexa":10000, "site":"www.runoob.com" }');
//然后我们就可以使用以上的json数据了。
- JSON不能放Date():
var text = '{ "name":"Runoob", "initDate":"2013-12-14", "site":"www.runoob.com"}';
var obj = JSON.parse(text);
//先放日期的字符串形式,在转换成javascript对象后,
//再通过新建Date()初始化的方式,转换成 日期。
obj.initDate = new Date(obj.initDate);
document.getElementById("demo").innerHTML = obj.name + "创建日期: " + obj.initDate;
//或者
var text = '{ "name":"Runoob", "initDate":"2013-12-14", "site":"www.runoob.com"}';
//效果差不多,找到键后,改变值。
var obj = JSON.parse(text, function (key, value) {
if (key == "initDate") {
return new Date(value);
} else {
return value;
}});
- JSON不能放函数
- JSON 通常用于与服务端交换数据。
- 在向服务器发送数据时一般是字符串。
- 我们可以使用 JSON.stringify() 方法将 JavaScript 对象转换为字符串。
var text = '{ "name":"Runoob", "alexa":"function () {return 10000;}", "site":"www.runoob.com"}';
var obj = JSON.parse(text);
/*
使用 eval()引入那个方法。
记得给方法左右再加上左右括号(),防止转换时出错。
*/
obj.alexa = eval("(" + obj.alexa + ")");
document.getElementById("demo").innerHTML = obj.name + " Alexa 排名:" + obj.alexa();
JSON.stringify()
- value:必需, 要转换的 JavaScript 值(通常为对象或数组)。
- replacer: 可选。用于转换结果的函数或数组。
如果 replacer 为函数,则 JSON.stringify 将调用该函数,并传入每个成员的键和值。使用返回值而不是原始值。如果此函数返回 undefined,则排除成员。根对象的键是一个空字符串:“”。
如果 replacer 是一个数组,则仅转换该数组中具有键值的成员。成员的转换顺序与键在数组中的顺序一样。当 value 参数也为数组时,将忽略 replacer 数组。 - space: 可选,文本添加缩进、空格和换行符,如果 space 是一个数字,则返回值文本在每个级别缩进指定数目的空格,如果 space 大于 10,则文本缩进 10 个空格。space 也可以使用非数字,如:\t。
var obj = { "name":"runoob", "alexa":10000, "site":"www.runoob.com"};
//在没有日期,表达式,函数等JSON不能有的对象时,直接使用即可转换。
var myJSON = JSON.stringify(obj);
document.getElementById("demo").innerHTML = myJSON;
- JSON 不能存储 Date 对象。JSON.stringify() 会将所有日期转换为字符串。
var obj = { "name":"Runoob", "initDate":new Date(), "site":"www.runoob.com"};
//不必事先弄成字符串,日期会被自动转换成字符串。
//相比字符串变JavaScript对象轻松了些。
var myJSON = JSON.stringify(obj);
document.getElementById("demo").innerHTML = myJSON;
- JSON 不允许包含函数,JSON.stringify() 会删除 JavaScript 对象的函数,包括 key 和 value。 所以要先对函数处理下,让它变字符串先。
var obj = { "name":"Runoob", "alexa":function () {return 10000;}, "site":"www.runoob.com"};
//先变字符串啦,没有问题了嘞。
obj.alexa = obj.alexa.toString();
var myJSON = JSON.stringify(obj);
document.getElementById("demo").innerHTML = myJSON;
四、JSONP又是啥
Jsonp(JSON with Padding) 是 json 的一种"使用模式",可以让网页从别的域名(网站)那获取资料,即跨域读取数据。
为什么我们从不同的域(网站)访问数据需要一个特殊的技术( JSONP )呢?这是因为同源策略。
同源策略,它是由 Netscape 提出的一个著名的安全策略,现在所有支持 JavaScript 的浏览器都会使用这个策略。
例子见此 https://www.runoob.com/json/json-jsonp.html
五、php中的JSON
json_encode 对变量进行 JSON 编码
json_decode对 JSON 格式的字符串进行解码,转换为 PHP 变量
json_last_error 返回最后发生的错误
例子见此 https://www.runoob.com/php/php-json.html