如何从Excel构建JSON文件并使用jQuery提取其中数据？

你的JSON结构是完全有效的数组格式，问题主要出在代码片段不完整（console.l...应该是console.log的笔误或未写完），另外可能没掌握带空格属性名的正确访问方式。下面是完整的解决方案：

完整修正后的jQuery代码 #

jQuery.getJSON(siteURL + "/prices.json", function(data) {
  // 遍历JSON数组中的每一项数据
  jQuery.each(data, function(index, item) {
    console.log("第" + (index + 1) + "条记录：");
    // 提取并打印各个属性值
    console.log("材料厚度：" + item["Material thickness"]); // 带空格的属性名要用方括号访问
    console.log("宽度：" + item.Width);
    console.log("高度：" + item.height);
    console.log("价格：" + item.Price);
    console.log("数量：" + item.Quantity);
    console.log("---");

    // 示例：将数据渲染到页面（需提前准备HTML容器）
    jQuery('#price-container').append(`
      <div class="price-item">
        <p>厚度：${item["Material thickness"]}</p>
        <p>尺寸：${item.Width} × ${item.height}</p>
        <p>价格：$${item.Price}</p>
        <p>数量：${item.Quantity}</p>
      </div>
    `);
  });
})
// 必须添加错误处理，排查加载失败问题
.fail(function(jqXHR, textStatus, errorThrown) {
  console.error("JSON文件加载失败：", textStatus, errorThrown);
});

关键注意事项 #

• 带空格的属性名访问：像Material thickness这种包含空格的属性，不能用点语法（item.Material thickness会报错），必须用方括号语法item["Material thickness"]来访问。
• 错误处理：添加.fail()方法非常重要，能帮你排查比如JSON文件路径错误、文件格式损坏、跨域问题等导致的加载失败。
• 页面渲染准备：如果要把数据显示到页面，需要先在HTML中添加对应的容器，比如：

  <div id="price-container"></div>
  

• JSON文件验证：确保你的JSON文件没有语法错误，可以直接在浏览器控制台粘贴JSON内容检查，同时保证文件编码为UTF-8，避免字符乱码。
• 路径正确性：确认siteURL变量是正确的，或者直接使用相对路径（比如JSON文件和当前页面同目录的话，用"./prices.json"）。

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