如何使用本地 Json 文件中的密钥作为 JavaScript 函数中的变量？ [复制]

Question

我有一个需要跟踪销售的小型系统。关键是能够点击一个特定的项目，总价值（即售出的项目）和总收入会相应上升。

我有一个带有名为 incrementValueAndRevenue() 的 JS 函数的按钮，它的工作方式与预期的一样。但我只能通过在函数本身中声明 Json 来使其工作，但我想这样做，以便对于我本地 Json 文件中的每个项目，总价格会根据点击特定项目的数量而有所不同。

这就是 Razor Pages 顺便说一句。

这是我的 Json：

[
  {
    "Id": 1,
    "Image": "exorcist.jpg",
    "Name": "EXORCIST",
    "Price": 20.00
  },
  {
    "Id": 2,
    "Image": "hoodie.jpg",
    "Name": "LOGO HOODIE",
    "Price": 30.00
  },
  {
    "Id": 3,
    "Image": "dadhat.jpg",
    "Name": "DAD HAT",
    "Price": 25.00
  }
]

这是我的 HTML

<div class="merch-container">
            <ul class="merch-ul">
                @foreach (var item in Model.Items)
                {
                    <li class="merch-display">
                        <img src="~/imgs/@item.Image" style="width: 250px; height: 250px; padding: 15px; object-fit: cover;" />
                        <p id="item-price">@item.Price</p>
                        <form>
                            <input type="button" onclick="decuctValueAndRevenue()" value="-" />
                            <input type="button" onclick="incrementValueAndRevenue();" value="+" />
                        </form>
                    </li>
                }
            </ul>
        </div>

这是我的 JavaScript 函数

function incrementValueAndRevenue() {
        var value = document.getElementById("items-sold").value;
        value++;
        document.getElementById("items-sold").value = value;

        var myJSON = { price: 35 };
        var revenue = myJSON.price * value;
        document.getElementById("total-revenue").value = revenue;
    }

在函数中，我希望 myJSON 变量知道实际 Json 文件中的价格。

Answer 1

你试过用这个吗？

const parse = JSON.parse(myJson)[0];

parse.Price