一、概念
Json(JavaScript Object Notation),它使用文本表示一个JS对象的信息,本质是一个字符串,Json 现在多用于存储和交换信息的语法,进行网络间数据传输,它比 xml 更小,更快,更容易解析!
二、Json语法
1.定义格式
Json数据由键值对构成,键用引号,数据用逗号分离,用大括号保存对象,中括号保存数组
以下为不同数据类型在Json中的写法
1、数字(整数或浮点数),直接写。
2、字符串,写在双引号里。
3、逻辑值(true或false),直接写。
4、数组,写在中括号内:{“person”:[{},{}]}
5、对象,写在大括号内:{“address”:{“province”:“江西”}}
6、null,直接写。
2.获取数据
1、方法一:json对象,键名
2、方法二:json对象[“键名”]
3、方法三:数组对象[索引]
4、何为键值对,举个简单例子。
在手机通讯录中,联系人名字即为–“键”,手机号码即为–“值”。
键:小明 值:133333333333(小明号码)
3.从HTML中打开excel表格数据并以json形式显示在控制台中
代码非原创
↓
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/xlsx/0.14.1/xlsx.core.min.js"></script>
</head>
<body>
<input type="file" id="excel-file">
<script>
$('#excel-file').change(function(e) {
var files = e.target.files;
var fileReader = new FileReader();
fileReader.onload = function(ev) {
try {
var data = ev.target.result,
workbook = XLSX.read(data, {
type: 'binary'
}), // 以二进制流方式读取得到整份excel表格对象
persons = []; // 存储获取到的数据
} catch (e) {
console.log('文件类型不正确');
return;
}
// 表格的表格范围,可用于判断表头是否数量是否正确
var fromTo = '';
// 遍历每张表读取
for (var sheet in workbook.Sheets) {
if (workbook.Sheets.hasOwnProperty(sheet)) {
fromTo = workbook.Sheets[sheet]['!ref'];
console.log(fromTo);
persons = persons.concat(XLSX.utils.sheet_to_json(workbook.Sheets[sheet]));
// break; // 如果只取第一张表,就取消注释这行
}
}
console.log(persons);
};
// 以二进制方式打开文件
fileReader.readAsBinaryString(files[0]);
});
</script>
</body>
</html>