如何导入JSON文件？

Question

我想我的数据在一个单独的文件（与所有其他文件相同的路径）。我正在努力导入JSON文件。这是我试过，没有工作：

$.getJSON("rezepte.json", function(obj) { 
var rezepte = obj.rezepte; 
}); 

更新 - 这就是fianlly工作非常感谢你的帮助。

var rezepte = $.getJSON("rezepte.json", function(obj) { 
rezepte = obj.rezepte; 
}); 

当使用direcly代码这个数据，一切运作良好：

var rezepte = [ 
{ "name" : "Eierkopf" , "zutaten" : ["eier", "butter", "kekse"] , "menge" : ["3 Eier", "20g Butter", "5 Kekse"] , "portionen" : 1 , "zubereitung" : ["1. alles", "2. schön", "3. mischen."] }, 
{ "name" : "Käseschnitte" , "zutaten" : ["käse", "brot"] , "menge" : ["500g Käse", "2 Scheiben geschnittenes Brot"] , "portionen" : 2 , "zubereitung" : ["1. Brotunterseite mit Butter bestreichen (altes Brot verwenden)", "2. Brotoberseite mit Weisswein beträufeln", "3. mit Käse bedecken und würzen", "4. 20min. in vorgeheizten Ofen bei 180 Grad" , "5. nomal öpis"] }, 
{ "name" : "Gemüse-Auflauf" , "zutaten" : ["lauch"] , "menge" : ["1 Stengel Lauch", "5 Zitronen"], "portionen" : 4 , "zubereitung" : ["1. schneiden", "2. Kochen", "3. essen", "4. xxx", "5. yyy", "6. en guete"] } ]; 

保存在此为rezepte.json：

{ 
"rezepte" : 

[ 
{ "name" : "Eierkopf" , "zutaten" : ["eier", "butter", "kekse"] , "menge" : ["3 Eier", "20g Butter", "5 Kekse"] , "portionen" : 1 , "zubereitung" : ["1. alles", "2. schön", "3. mischen."] }, 
{ "name" : "Käseschnitte" , "zutaten" : ["käse", "brot"] , "menge" : ["500g Käse", "2 Scheiben geschnittenes Brot"] , "portionen" : 2 , "zubereitung" : ["1. Brotunterseite mit Butter bestreichen (altes Brot verwenden)", "2. Brotoberseite mit Weisswein beträufeln", "3. mit Käse bedecken und würzen", "4. 20min. in vorgeheizten Ofen bei 180 Grad" , "5. nomal öpis"] }, 
{ "name" : "Gemüse-Auflauf" , "zutaten" : ["lauch"] , "menge" : ["1 Stengel Lauch", "5 Zitronen"], "portionen" : 4 , "zubereitung" : ["1. schneiden", "2. Kochen", "3. essen", "4. xxx", "5. yyy", "6. en guete"] } 
] 

} 

遗憾的是它仍然不工作 - $ .getJSON结果仅包含3个空对象的数组很高兴能获得进一步的帮助。 Thx，Andi

Answer 1

听起来像您需要访问返回对象的rezepte属性。

$.getJSON("rezepte.json", function(obj) { 
    var rezepte = obj.rezepte; 
}); 

它不会是明智的名称参数作为json，因为它不是，它是一个JavaScript对象（一般）。

Answer 2

你的编码错误的话，因为非ASCII符号，rezepte.json应该是这样的：

[{"name":"Eierkopf","zutaten":["eier","butter","kekse"],"menge":["3 Eier","20g Butter","5 Kekse"],"zubereitung":["1. alles","2. sch\u00f6n","3. mischen."]},{"name":"K\u00e4seschnitte","zutaten":["k\u00e4se","brot"],"menge":["500g K\u00e4se","2 Scheiben Brot"],"zubereitung":["1. Brotunterseite mit Butter bestreichen (altes Brot verwenden)","2. Brotoberseite mit Weisswein betr\u00e4ufeln","3. mit K\u00e4se bedecken und w\u00fcrzen","4. 20min. in vorgeheizten Ofen bei 180 Grad"]},{"name":"Gem\u00fcse-Auflauf","zutaten":["lauch"],"menge":["1 Stengel Lauch","5 Zitronen"],"zubereitung":["1. schneiden","2. Kochen","3. essen","4. xxx","5. yyy","6. en guete"]}] 

格式化：

[ 
    { 
    "name": "Eierkopf", 
    "zutaten": [ 
     "eier", 
     "butter", 
     "kekse" 
    ], 
    "menge": [ 
     "3 Eier", 
     "20g Butter", 
     "5 Kekse" 
    ], 
    "zubereitung": [ 
     "1. alles", 
     "2. sch\u00f6n", 
     "3. mischen." 
    ] 
    }, 
    { 
    "name": "K\u00e4seschnitte", 
    "zutaten": [ 
     "k\u00e4se", 
     "brot" 
    ], 
    "menge": [ 
     "500g K\u00e4se", 
     "2 Scheiben Brot" 
    ], 
    "zubereitung": [ 
     "1. Brotunterseite mit Butter bestreichen (altes Brot verwenden)", 
     "2. Brotoberseite mit Weisswein betr\u00e4ufeln", 
     "3. mit K\u00e4se bedecken und w\u00fcrzen", 
     "4. 20min. in vorgeheizten Ofen bei 180 Grad" 
    ] 
    }, 
    { 
    "name": "Gem\u00fcse-Auflauf", 
    "zutaten": [ 
     "lauch" 
    ], 
    "menge": [ 
     "1 Stengel Lauch", 
     "5 Zitronen" 
    ], 
    "zubereitung": [ 
     "1. schneiden", 
     "2. Kochen", 
     "3. essen", 
     "4. xxx", 
     "5. yyy", 
     "6. en guete" 
    ] 
    } 
]