使用 fetch 发起请求后，通过调用响应对象的 .text() 方法获取原始字符串，再结合正则表达式或简单的字符串分割逻辑进行解析。由于 ods（open document spreadsheet）是二进制格式，浏览器端无法直接像处理 json 那样解析，因此通常的做法是将文件内容作为文本流读取出来，或者在 node.js 环境中将其转换为 buffer 进行处理。对于纯文本形式的 ods xml 结构，可以直接用 domparser 解析；如果是二进制流，则需要借助第三方库如 js-ods 或 sheetjs 来提取数据。
如何在浏览器中通过 Fetch 获取并初步处理 ODS 文件
在浏览器环境中，Fetch API 返回的是一个 Response 对象，该对象包含一个未读取的 body 流。要处理 ODS 数据，首先需要调用 response.text() 或 response.arrayBuffer()。如果 ODS 文件较小且以 XML 形式存储（ODS 本质上是 ZIP 包内的 XML），可以先尝试获取文本内容。以下代码展示了如何发起请求并获取原始数据。
const url = '/data/report.ods';
fetch(url)
.then(response => {
if (!response.ok) {
throw new Error('Network response was not ok');
}
// 获取二进制数据，因为 ODS 是压缩的 XML 包
return response.arrayBuffer();
})
.then(data => {
console.log('Raw ODS data received:', data.byteLength, 'bytes');
// 这里通常需要解压和解析 XML
// 示例：假设我们有一个解析函数 parseOds
const parsedData = parseOds(data);
console.log('Parsed Data:', parsedData);
})
.catch(error => {
console.error('Fetch error:', error);
});
上述代码中，arrayBuffer() 是更通用的选择，因为 ODS 文件实际上是 ZIP 压缩包。获取到 ArrayBuffer 后，可以使用 JSZip 等库解压出其中的 content.xml 文件，然后再解析 XML。如果仅关注简单场景，也可以直接使用 SheetJS (xlsx) 库，它支持直接读取 ArrayBuffer 并转换为 JSON 对象。
立即学习“Java免费学习笔记（深入）”；
如何将获取到的 ODS 二进制数据转换为可用的 JSON 对象
将二进制数据转换为 JSON 的核心在于解压和解析。推荐使用 SheetJS 库，因为它能自动处理 ODS 的解压和 XML 解析过程。安装 xlsx 包后，可以使用 XLSX.read 方法读取 ArrayBuffer，然后通过 XLSX.utils.sheet_to_json 将工作表转换为 JSON 数组。这种方法比手动解析 XML 更可靠且代码更少。
// 假设已经引入了 SheetJS (xlsx) 库
// import * as XLSX from 'xlsx';
function fetchAndConvertOdsToJson(url) {
return fetch(url)
.then(response => response.arrayBuffer())
.then(buffer => {
// 读取 Workbook
const workbook = XLSX.read(buffer, { type: 'array' });
// 获取第一个工作表的名称
const firstSheetName = workbook.SheetNames[0];
// 获取工作表对象
const worksheet = workbook.Sheets[firstSheetName];
// 将工作表转换为 JSON 对象数组
const jsonData = XLSX.utils.sheet_to_json(worksheet);
return jsonData;
})
.catch(error => {
console.error('Error processing ODS:', error);
throw error;
});
}
// 使用示例
fetchAndConvertOdsToJson('/data/report.ods')
.then(data => {
console.log('JSON Data:', data);
// 现在 data 是一个标准的 JavaScript 数组对象
});
在这个流程中，XLSX.read 负责解压和解码，sheet_to_json 负责结构化转换。最终得到的 jsonData 是一个由键值对组成的数组，每个对象代表 ODS 中的一行数据，列名作为键。这种方式避免了手动处理 ZIP 结构和 XML 命名空间的复杂性，是前端处理 ODS 数据的最佳实践。
当 ODS 文件中包含多个工作表时如何指定解析目标
在实际应用中，ODS 文件可能包含多个工作表（Sheets）。默认情况下，sheet_to_json 只解析第一个工作表。如果需要解析特定工作表，必须先通过 workbook.SheetNames 数组获取所有工作表的名称列表，然后使用索引或名称访问对应的 workbook.Sheets[name] 对象。例如，如果知道要解析名为 "Sales" 的工作表，可以显式指定它，从而确保获取正确的数据子集。
