用原生js获取json文件内容

<script>
        window.onload = function () {
            var url = "data/init.json"/*json文件url*/
            var request = new XMLHttpRequest();
            request.open("get", url);/*设置请求方法与路径*/
            request.send(null);/*不发送数据到服务器*/
            request.onload = function () {/*XHR对象获取到返回信息后执行*/
                if (request.status == 200) {/*返回状态为200,即为数据获取成功*/
                    var json = JSON.parse(request.responseText);
                    console.log(json);
                }
            }
        }
 </script>
JavaScript中,可以使用第三方库或者原生API来读取Excel文件内容。以下是一种常见的方法: 1. 使用第三方库:比较常用的库是`xlsx`和`exceljs`。你可以使用npm安装这些库,并在你的项目中引入它们。下面是一个使用`xlsx`库的示例代码: ```javascript const XLSX = require('xlsx'); // 读取Excel文件 const workbook = XLSX.readFile('path/to/excel/file.xlsx'); // 获取第一个工作表 const worksheet = workbook.Sheets[workbook.SheetNames]; // 将工作表转换为JSON对象 const jsonData = XLSX.utils.sheet_to_json(worksheet); // 打印JSON数据 console.log(jsonData); ``` 2. 使用原生API:如果你不想依赖第三方库,也可以使用原生的File API和解析器来读取Excel文件。以下是一个使用原生API的示例代码: ```javascript // 获取文件输入框 const fileInput = document.getElementById('file-input'); // 监听文件选择事件 fileInput.addEventListener('change', (event) => { const file = event.target.files; // 创建文件读取器 const reader = new FileReader(); // 监听文件加载完成事件 reader.onload = (e) => { const data = new Uint8Array(e.target.result); // 解析Excel文件 const workbook = XLSX.read(data, { type: 'array' }); // 获取第一个工作表 const worksheet = workbook.Sheets[workbook.SheetNames]; // 将工作表转换为JSON对象 const jsonData = XLSX.utils.sheet_to_json(worksheet); // 打印JSON数据 console.log(jsonData); }; // 读取文件内容 reader.readAsArrayBuffer(file); }); ``` 以上是两种常见的方法来读取Excel文件内容。你可以根据自己的需求选择适合的方法来实现。如果你有其他问题,请继续提问。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值