無法獲取要顯示的 json 數據

Question

我正在嘗試利用我在 9 年前由 Sahan0710 發布的 Stack Overflow 上找到的代碼片段作為對另一個用戶的回答，但我無法讓數據顯示。 即使在搜索了可能缺少的細節的替代解決方案之后。

這正是我所需要的，所以如果有人能告訴我有什么問題或缺失或其他什么，我將不勝感激。 我准備好發現這是一件非常簡單的事情。

<BODY>
<H2>Groceries</H2>
<TABLE ID = "tb1" BORDER = "1">
    <TR>
        <TH>Item</TH>
        <TH>Qty</TH>
        <TH>UoM</TH>
    </TR>
</TABLE>

<SCRIPT type="text/javascript">
    fetch("groceries.json")
        .then(response => response.json())
        .then(data => {
        for (var i = 0; i < data.items.length; i++){
            let vitem = data.records[i].item;
            let vqty = data.records[i].qty;
            let vuom = data.records[i].uom;
            document.querySelector("#tb1").innerHTML += `
                <tr>
                    <td>${vitem}</td>
                    <td>${vqty}</td>
                    <td>${vuom}</td>
                </tr>`;
            }
        })
</SCRIPT>

json 文件：groceries.json

{
  "records" : [
    {
      "ck" : "",
      "item" : "Cheddar Cheese",
      "qty" : "1",
      "uom" : "lbs",
      "notes" : "Sharp"
    },
    {
      "ck" : "",
      "item" : "Hamburger",
      "qty" : "1",
      "uom" : "Pk",
      "notes" : "80/20"
    },
    {
      "ck" : "x",
      "item" : "Milk",
      "qty" : "3",
      "uom" : "Gal",
      "notes" : ""
    },
    {
      "ck" : "",
      "item" : "Orange Juice",
      "qty" : "2",
      "uom" : "",
      "notes" : ""
    }
  ]
}

Answer 1

我認為您可以將fetch("groceries.json")更改為fetch("./groceries.json") ，因此它將默認為 HTML 文件和 JSON 文件所在的文件夾。 要么這個，要么你把它放在錯誤的目錄中

無法獲取要顯示的 json 數據

問題描述

1 個解決方案

解決方案1
-1 2022-07-18 23:53:53

無法獲取要顯示的 json 數據

問題描述

1 個解決方案

解決方案1 -1 2022-07-18 23:53:53

解決方案1
-1 2022-07-18 23:53:53