0

data/data.json のローカル フォルダーに JSON データがあります。

{"category":"Soups","menu_item":"Tomato Soup","type":"veg"},{"category":"Starters","menu_item":"Summer Salad","type":"veg"},{"category":"Main Course","menu_item":"Black Beans Chicken","type":"non-veg"},{"category":"Soups","menu_item":"Lentil Soup","type":"veg"},{"category":"Starters","menu_item":"Roasted Root Veg","type":"veg"},{"category":"Starters","menu_item":"Herbed Chicken Wings","type":"non-veg"},{"category":"Main Course","menu_item":"Barbecue Chicken Sandwich","type":"non-veg"},{"category":"Main Course","menu_item":"Pasta with Sausage","type":"veg"},{"category":"Starters","menu_item":"Roasted Shallot, Beet, Spinach","type":"non-veg"},{"category":"Starters","menu_item":"Sauteed Broccoli","type":"veg"},{"category":"Soups","menu_item":"Chicken Soup","type":"non-veg"}

これを読みたい、データを取得したい、このコードを試していますが、何も取得できません......

$.getJSON("data/data.json",
    function (data) {
       var i;
       for (i=0; i<5; i++) {
          $('<a href="">  <b>ITEM : </b>' + data.items[i].category +'</a><br>').appendTo(document.body);
       }
});
4

3 に答える 3

0

JavaScript は、ローカル ファイル システムにアクセスできません。AJAX 要求を処理できる Web サーバーをセットアップする必要があります。Node.js を使用してみるか (私は使用したことがありませんが、動作する可能性があります)、LAMP/MAMP/WAMP セットアップ (www.bitnami.com) を使用できます。

于 2013-08-08T17:03:29.797 に答える
0

JSON が正しくありません。これはオブジェクトの配列のように見えます。括弧の間のラッパーである必要があります:

正しくない

{"category":"Soups","menu_item":"Tomato Soup","type":"veg"}, ... ,{"category":"Soups","menu_item":"Chicken Soup","type":"non-veg"}

正しい

[{"category":"Soups","menu_item":"Tomato Soup","type":"veg"}, ... ,{"category":"Soups","menu_item":"Chicken Soup","type":"non-veg"}]
于 2013-08-08T17:01:17.093 に答える
0

主にJsonが無効です。オブジェクトの配列の場合は[]で、ネストされたオブジェクトを持つオブジェクトの場合は{}で全体を囲む必要があります。

ここで構文を確認してください: http://json.org/

修正後、データオブジェクトを取得できるはずです。

于 2013-08-08T17:04:12.197 に答える