写一个用js读取csv文件的示例代码,带注释
时间: 2024-05-19 16:13:17 浏览: 14
// 假设csv文件内容如下:
// name,age,gender
// Tom,25,Male
// Lily,23,Female
// 定义一个数组,用于存储读取到的csv数据
let csvData = [];
// 定义一个XMLHttpRequest对象
let xhr = new XMLHttpRequest();
// 监听XMLHttpRequest对象的readystatechange事件
xhr.onreadystatechange = function() {
// 判断XMLHttpRequest对象的状态是否为4(请求已完成并且响应已就绪)
if (xhr.readyState === 4) {
// 判断响应的状态码是否为200(请求成功)
if (xhr.status === 200) {
// 将响应的文本数据按行分割成数组
let lines = xhr.responseText.split('\n');
// 遍历每一行数据
for (let i = 0; i < lines.length; i++) {
// 将每一行数据按逗号分割成数组
let row = lines[i].split(',');
// 将分割后的数组添加到csvData数组中
csvData.push(row);
}
// 打印读取到的csv数据
console.log(csvData);
} else {
// 请求失败,打印错误信息
console.error('Failed to load csv file');
}
}
};
// 初始化XMLHttpRequest对象
xhr.open('GET', 'example.csv', true);
// 设置响应数据的类型为文本
xhr.responseType = 'text';
// 发送XMLHttpRequest请求
xhr.send();