本质上 就是 一个 字符串
但是这个字符串,有特定的语法形式
作用: 不同的计算机语言中,json字符串都是统一的语法形式
可以用于不同的计算机语言之间 传递数据信息等
每一种计算机语言,都有自己操作json字符串的语法
PHP中:
json_encode(表达式); //将表达式的内容,转化为 json字符串
json_decode(表达式); //将表达式中的 json 字符串 还原为原始的数据类型JavaScript中:
JSON.stringify(表达式); //将表达式的内容,转化为 json字符串
JSON.parse(表达式); //将表达式中的 json 字符串 还原为原始的数据类型总结:
后端传递复杂 请求结果,也就是响应体时, 一定会使用 json字符串
JavaScript中 要使用 JSON.parse() 来将 json 串 还原为 对应的数据类型
json字符串的应用
1.不同计算机语言中,数据的请求响应,交互
2.可以访问一个 外部 的 json 文件
扩展名 是 json 的文件
外部json文件的定义
1.在json中,所有的字符串,都必须要写 双引号 单引号不能使用
2.数值类型 和 布尔类型 不要加 双引号
3.数组 和 对象 中,最后一个单元的结束,不要写逗号
可以使用 ajax 向 json文件发送请求,访问其中的数据
访问json文件,就算你写post,也会以get方式来发送请求
友情提示: 执行 ajax 必须要通过服务器
dome
htmlcssjs
<table>
<thead>
<tr>
<td>头像</td>
<td>姓名</td>
<td>年龄</td>
<td>性别</td>
<td>地址</td>
</tr>
</thead>
<tbody></tbody>
</table> table{
border-collapse: collapse;
}
td{
width: 100px;
height: 80px;
text-align: center;
border:1px solid #000;
}
img{
width: 100%;
height: 100%;
display: block;
} const xhr = new XMLHttpRequest();
xhr.open('get','data.json');
xhr.send();
xhr.onload = ()=>{
const res = JSON.parse( xhr.response );
let str = '';
res.forEach( v => {
str += `
<tr>
<td><img src="/${v.img}"></td>
<td>${v.name}</td>
<td>${v.age}</td>
<td>${v.sex}</td>
<td>${v.add}</td>
</tr>`;
})
const oTbody = document.querySelector('tbody');
oTbody.innerHTML = str;
}
Comments | NOTHING