Verwendung von JSON-Datei in Javascript

Question

Ich habe den folgenden Code in meinem 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" 
    }]; 

ich will es externe JSON-Datei zu bewegen, dann verwende ich diese Daten in meinem js wieder , warum ich das will, weil, wenn ich neues Einzelteil hinzufügen möchte, möchte ich Formular getrennte Akte getan werden.

Answer 1

Zum Lesen JSON-Datei, Erstes Lesen Sie JSON-Datei unter Verwendung von Script-Tag,

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

die ExternalJson.json wil folgende Daten

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" 
    }]; 

dann in Ihrem script.js haben, einfach die JSON-Daten analysieren.

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

Answer 2

Sie können die JSON-Datei laden, indem Sie requirejs verwenden oder indem Sie es über script Tag in Ihrem HTML-Code hinzufügen.