寻找Excel JavaScript API替代VBA QueryTable从URL导入数据的方案

首先，你遇到的CORS问题根源很明确：Office JS插件运行在浏览器沙盒环境中，浏览器的同源策略会拦截跨域请求；而Excel界面里的「数据>自网站」功能是由Excel客户端本身发起请求，完全不受浏览器CORS规则限制。要绕过这个问题且不用搭建中间服务，最贴合你原有VBA逻辑的方案是利用Excel JS的内置查询功能，直接模拟QueryTable的行为。

方案1：使用Excel JS的queries.add创建Web查询 #

这个方法和你原来的VBA QueryTable逻辑完全对齐，请求由Excel客户端发起，彻底避开浏览器的CORS限制。以下是对应你VBA代码的实现：

async function importDataFromUrl() {
  await Excel.run(async (context) => {
    // 读取参数（对应VBA中从Definition工作表获取的内容）
    const definitionSheet = context.workbook.worksheets.getItem("Definition");
    const projectIdRange = definitionSheet.getRange("B3");
    const snapshotIdRange = definitionSheet.getRange("B4");
    const hashRange = definitionSheet.getRange("B5");
    
    // 加载参数值到上下文
    projectIdRange.load("values");
    snapshotIdRange.load("values");
    hashRange.load("values");
    await context.sync();

    const URLprefix = "https://mywebsite.com";
    const projectID = projectIdRange.values[0][0];
    const snapshotID = snapshotIdRange.values[0][0];
    const hash = hashRange.values[0][0];

    // 获取目标工作表并清空内容
    const importSheet = context.workbook.worksheets.getItem("Import");
    importSheet.getRange("A1:XFD1048576").clear();

    // 1. 导入product类型数据（对应VBA第一个QueryTable）
    const productQueryUrl = `${URLprefix}${projectID}&id_snapshot=${snapshotID}&type=product&hash=${hash}`;
    const productQuery = context.workbook.queries.add(
      "ProductDefinitionQuery", // 查询名称
      `let
        Source = Web.Page(Web.Contents("${productQueryUrl}"))
      in
        Source{0}[Data]`, // 提取网页中的表格数据
      { refreshOnOpen: false }
    );
    // 将查询结果加载到A3开始的区域
    importSheet.tables.addFromQuery(importSheet.getRange("A3"), productQuery, true);

    // 2. 导入property类型数据
    const propertyQueryUrl = `${URLprefix}${projectID}&id_snapshot=${snapshotID}&type=property&hash=${hash}`;
    const propertyQuery = context.workbook.queries.add(
      "PropertyDefinitionQuery",
      `let
        Source = Web.Page(Web.Contents("${propertyQueryUrl}"))
      in
        Source{0}[Data]`,
      { refreshOnOpen: false }
    );
    importSheet.tables.addFromQuery(importSheet.getRange("D1"), propertyQuery, true);

    // 3. 导入result类型数据
    const resultQueryUrl = `${URLprefix}${projectID}&id_snapshot=${snapshotID}&type=result&hash=${hash}`;
    const resultQuery = context.workbook.queries.add(
      "ResultDataQuery",
      `let
        Source = Web.Page(Web.Contents("${resultQueryUrl}"))
      in
        Source{0}[Data]`,
      { refreshOnOpen: false }
    );
    importSheet.tables.addFromQuery(importSheet.getRange("D3"), resultQuery, true);

    // 执行所有队列操作
    await context.sync();
  }).catch((error) => {
    console.error("导入失败:", error);
    if (error instanceof OfficeExtension.Error) {
      console.error("详细错误信息:", error.debugInfo);
    }
  });
}

关键细节说明： #

• 这里用Power Query M语言定义查询逻辑，和Excel界面「自网站」的底层实现一致，请求由Excel发起，不会触发CORS错误。
• tables.addFromQuery会自动将查询结果转换为Excel表格，和VBA QueryTable的行为完全匹配。
• 如果你的目标URL返回的是JSON而非HTML表格，可以把M语言脚本改成Json.Document(Web.Contents("url"))，再转换为表格格式。

方案2：针对纯JSON数据的备选方案（仅当CORS允许时可用） #

如果目标URL返回的是纯JSON数据，且后端可以添加你的插件域名（https://localhost:44301）到Access-Control-Allow-Origin列表中，可以用fetch结合range.values实现：

async function importJsonData() {
  await Excel.run(async (context) => {
    // 读取参数（同方案1）
    const definitionSheet = context.workbook.worksheets.getItem("Definition");
    const projectIdRange = definitionSheet.getRange("B3");
    const snapshotIdRange = definitionSheet.getRange("B4");
    const hashRange = definitionSheet.getRange("B5");
    
    projectIdRange.load("values");
    snapshotIdRange.load("values");
    hashRange.load("values");
    await context.sync();

    const URLprefix = "https://mywebsite.com";
    const projectID = projectIdRange.values[0][0];
    const snapshotID = snapshotIdRange.values[0][0];
    const hash = hashRange.values[0][0];
    const resultUrl = `${URLprefix}${projectID}&id_snapshot=${snapshotID}&type=result&hash=${hash}`;

    // 发起请求（仅当CORS规则允许时有效）
    const response = await fetch(resultUrl);
    const jsonData = await response.json();

    // 将JSON对象数组转换为Excel可识别的二维数组
    const headers = Object.keys(jsonData[0]);
    const rows = jsonData.map(item => headers.map(key => item[key]));
    const data = [headers, ...rows];

    // 写入到目标区域
    const importSheet = context.workbook.worksheets.getItem("Import");
    const targetRange = importSheet.getRange("D3").getResizedRange(data.length - 1, data[0].length - 1);
    targetRange.values = data;

    await context.sync();
  }).catch((error) => {
    console.error("导入失败:", error);
  });
}

为什么你的原XHR代码失败？ #

你的HttpClient代码有两个核心问题：

1. 异步逻辑错误：client.get是异步方法，不会立即返回数据，直接赋值给sheet.getRange("A1").values得到的是undefined。
2. CORS限制：插件运行在浏览器环境中，你的域名不在后端的Access-Control-Allow-Origin列表里，导致请求被浏览器拦截。

内容的提问来源于stack exchange，提问作者g00golplex