json的简单使用

最新推荐文章于 2024-06-12 00:09:02 发布

chenluozhi

最新推荐文章于 2024-06-12 00:09:02 发布

阅读量305

点赞数

本文链接：https://blog.csdn.net/chenluozhi/article/details/6646270

版权

Java is rubbish 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

json 本人在学校的时候就已经听说过了，不过一直没有用过也不知道用什么用。
近段时间看别人的项目，发现使用到了json，所以就自己亲自了解以下，故写下此文，以作日志。

请看例子：

<html>

<script>
window.οnlοad=function(){
funJsonTest();
}

//以下定义一个函数复制给一个变量，也可以用 function funJsonTest(){...}

var funJsonTest=function(){


alert(jsont["1"]);//弹出窗口数据为：111
alert(jsont["two"]);//弹出窗口数据为：111
//对于key为英文的还可以这样引用：
alert(jsont.three);//弹出窗口数据为：111


document.write("简单json测试成功"); 

alert("第一个人的年龄："+jsonComplex.people[0].age);//弹出窗口数据为：18

alert("第二个狗的颜色："+jsonComplex.dog[1].color);//弹出窗口数据为：18

document.write("复杂json测试成功");

//json解析成JavaScript对象
var obj = eval("(" + jsono +")");
alert(obj.two);弹出窗口数据为：222

}

var jsont={"1":"111","two":"222","three":"333"};
//单引号和双引号是一样效果的
var jsonx={'1':'111','two':'222','three':'333'};
//甚至不用单双引号效果也是一样的
var jsonq={1:111,two:222,three:333};

//测试复杂点的json
var jsonComplex=
{

"people":
[
{"age":"18","hight":"168cm"},{"age":"19","hight":"169cm"}
],
"dog":
[{"color":"red","whois":"me"},{"color":"red1","whois":"me1"}
]

}
//双引号里边 不能再有双引号了，除非用\,所以用了单引号
var jsono="{1:'111',two:'222',three:'333'}";

</script>
<body>
</body>
</html>

json的用法很简单，就像一对对的key-value对，通过上边的例子，已经学会正确的赋值和正确的取值以及 json转换为JavaScript 对象。