Question

我的javascript中有以下代码：

var item = [{
         name: "audi",
         body: "s1",
         type: "cedan",
         price: 10,
         color: "red",
         size: "large",
         shape: "circle"
     }, {
         name: "bmw",
         body: "x1",
         type: "suv",
         price: 20,
         color: "blue",
         size: "medium",
         shape: "square"
     }];

我想将它移动到外部json文件然后我再次在我的js中使用这些数据为什么我想要那个，因为，如果我想添加新项目，我希望从单独的文件中完成。

Answer 1

您可以使用requirejs加载JSON文件，也可以在HTML代码中通过script标记添加JSON文件。

Answer 2

为了读取json文件，首先使用脚本标记

加载json文件

<script type="text/javascript" src="ExternalJson.json"></script>
<script type="text/javascript" src="Script.js"></script>

ExternalJson.json 将包含以下数据

item = [{
         "name": "audi",
         "body": "s1",
         "type": "cedan",
         "price": 10,
         "color": "red",
         "size": "large",
         "shape": "circle"
     }, {
         "name": "bmw",
         "body": "x1",
         "type": "suv",
         "price": 20,
         "color": "blue",
         "size": "medium",
         "shape": "square"
     }];

然后在你的Script.js中，只需解析Json数据。

var ItemParsed = JSON.parse(item);
console.log(ItemParsed[0].name) 
console.log(ItemParsed[1].name)

REF： https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON/parse

在javascript中使用JSON文件

2 个答案: