JQuery第七章Json

科技2022-07-15 139

Json

1:什么是json？

JSON(JavaScript Object Notation, JS 对象简谱) 是一种轻量级的数据交换格式。

2:json数据格式有2种写法：

1：对象格式 2：数组格式

3:json方法

eval() 将js代码转换成对象/不建议用，安全性太低 json提供2个方法，但是要求浏览器版本高（现在浏览器不影响了，如果想让方法兼容低版本浏览器，请下载json.js） stringify() 讲json转换成js字符 stringify()方法除了可以转换以外，方法中的第2个参数是过滤你要留哪个值，就以数组形式写到方法里面第3个参数是数字可以改变数据的距离 parse() 将js字符串转换成json parse()所有的字符必须加双引号

实例：

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body> <script src="json/json2.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript"> var str='[{"name":"1","age":"18","add":"北京1"},{"name":"2","age":"18","add":"北京1"},{"name":"3","age":"18","add":"北京1"}]'; // alert(typeof str)//string // alert(str) // alert(str[0].name) var jsn=JSON.parse(str); // alert(jsn)//[object Object],[object Object],[object Object] // alert(jsn) document.write(jsn[0].name)//1 // var str='[{"name":"1","age":"18","add":"北京1"},{"name":"2","age":"18","add":"北京1"},{"name":"3","age":"18","add":"北京1"}]'; // alert(typeof str);//object // alert(typeof eval(str));//object var str=[{"name":"1","age":"18","add":"北京1"},{"name":"2","age":"18","add":"北京1"},{"name":"3","age":"18","add":"北京1"}]; // alert(typeof str)//object // alert(str[1].name)//2 // var o1=JSON.stringify(str); // alert(typeof o1)//string // var o2=JSON.stringify(str,['name','age']); // alert(o2) // var o3=JSON.stringify(str,['name','age'],4); // document.write(o3) </script> </html>

4：json结构写法

var obj={ "sites": { "site": [ { "id": "1", "name": "菜鸟教程", "url": "www.runoob.com" }, { "id": "2", "name": "菜鸟工具", "url": "c.runoob.com" }, { "id": "3", "name": "Google", "url": "www.google.com" } ] } }

Processed: 0.011, SQL: 8