您的位置：首页 > Web前端 > JavaScript

json语法

2015-12-01 12:05 573 查看

json(javascript object notation)

1.json是什么？

是一种轻量级的数据交换技术规范。(因为借鉴了javascript对象创建的一种语法结构，故命名为json)。

数据交换：将数据转换成一种中间的与平台无关的数据格式(比如xml或者json字符串)发送给另外一方来处理。

轻量级：json相对于xml。所需要的数据大小要小的多，并且解析的速度要更快。

2.json语法

1)官网 -- www.json.org

2)表示一个对象

{属性名:属性值,属性名:属性值...}

注意：

a,属性名要使用引号括起来。

b,属性值如果是字符串，要使用引号括起来。

c,属性值可以是string,number,boolean,null,object。

3)表示一个对象组成的数组

[{},{},...]

示例代码：jsontest.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>jsontest.html</title>

<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">

<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
<script type="text/javascript" src="js/my.js"></script>
<script type="text/javascript" src="js/prototype-1.6.0.3.js"></script>
<script type="text/javascript">
//json语法：表示一个对象
function f1(){
var obj = {'name':'zs','age':22};
alert(obj.name);
}
//json语法：表示一个对象
function f2(){
var obj = {'name':'lisi','address':{
'city':'bj',
'number':123,
'a':null
}};
alert(obj.address.a);
}

//json语法：表示一个对象组成的数组
function f3(){
var arr = [{'name':'zs','age':23},{'name':'lisi','age':24}];
alert(arr[1].name)
}

//将一个json字符串转换成javascript对象
function f4(){
var str = "{'name':'zs','age':23}";
//alert(typeof str);
var obj = str.evalJSON();
alert(obj.name);
}
//将一个json字符串转换成javascript对象组成的数组
function f5(){
var str = "[{'name':'zhangs','age':33},{'name':'lisi','age':34}]";
var arr = str.evalJSON();
alert(arr[1].name);
}
</script>
</head>

<body style="font-size:24px;">
This is my HTML page. <br>
<a href="javascript::" onclick="f3();">如何用js表示json对象</a><br/>
<a href="javascript::" onclick="f5();">字符串转成json测试</a>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航