Json--自学笔记（概念及基础知识）

最新推荐文章于 2024-05-01 21:03:53 发布

惊晖之缚

最新推荐文章于 2024-05-01 21:03:53 发布

阅读量154

点赞数

文章标签： Json

本文链接：https://blog.csdn.net/weixin_44170226/article/details/102637617

版权

一、概念

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>

惊晖之缚

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
Json--自学笔记（概念及基础知识）

一、概念     Json（JavaScript Object Notation），它使用文本表示一个JS对象的信息，本质是一个字符串，Json 现在多用于存储和交换信息的语法，进行网络间数据传输，它比 xml 更小，更快，更容易解析！二、Json语法1.定义格式     Json数据由...
复制链接

扫一扫