json 是一种数据交换的格式
作用:使用ajax进行前后数据交换
(移动端与服务端的数据交换)
json的格式与解析
两种格式:
1)对象格式:{“key1”:obj,“key2”:obj,“key3”:obj…}
2)数组格式:[obj,obj,obj…]
注意:对象格式和数组格式可以互相嵌套
json的key是字符串,json的value是Object
json的解析:
json是js的原生内容,也意味着js可以直接取出json对象中的数据
取出json对象中的数据时遇到对象格式时,则是取出指定key,遇到数组格式时,则是找到相应的索引位置
案例代码:
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>json</title>
</head>
<style>
input[type="text"]{
width: 100px;
height: 30px;
padding: 2px;
margin: 5px;
}
input[type="button"]{
padding: 3px;
}
</style>
<script>
function cjson() {
var person = [
{"username":"张三","age":20},
{"username":"李四","age":21},
];
document.getElementById("text1").value = person[0].username+" "+person[0].age+"岁";
document.getElementById("text2").value = person[1].username+" "+person[1].age+"岁";
}
</script>
<body>
<input type="button" onclick="cjson()" value="点击获取json对象数据">
<br>
获得用户1:<input type="text" id="text1" >
<br>
获得用户2:<input type="text" id="text2" >
</body>
</html>
点击运行结果: