Question

我想将我的数据放在一个单独的文件中（与所有其他文件的路径相同）。我正在努力导入JSON文件。这是我尝试过的不起作用的地方：

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

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

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

在代码中直接使用此数据时，一切正常：

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

如何导入JSON文件？

2 个答案: