Json文件未加载或显示警报

时间:2013-04-03 13:57:10

标签: jquery html json

这似乎是一个常见的问题,但我不知道我的生活中找到了我的错误,我已经验证了我的json文件并且没有错误,我也可以发誓每个人都在一个人工作完美点。我在一个文件夹中本地加载所有内容以下是我的jquery文件来加载我的json文件

$(document).ready(function() {

    // loading json file
    var catelogue;
    var url = "shoppingItems.json";

    $.getJSON(url, function(json) {
        alert(json.shoppingItem[0].name);
    });
});

这是我的json文件的样子,是的,我去了http://jsonlint.com/验证

{
    "shoppingItem": [
        {
            "name": "LG Tone",
            "model_no": "HBS-730",
            "type": "Bluetooth Stereo",
            "price": "�45.00",
            "stock": 10,
            "images": "images/Headphones/lgtoneshbs.jpg"
        },
        {
            "name": "NoiseHush",
            "model_no": "NX22",
            "type": "Wired Headphones",
            "price": "�69.95",
            "stock": 10,
            "images": "images/Headphones/noisehushhead.jpg"
        },
        {
            "name": "NoiseHush",
            "model_no": "NX80",
            "type": "Earphones",
            "price": "�25.00",
            "stock": 10,
            "images": "images/Headphones/earpnoisehush.jpg"
        },
        {
            "name": "Motorola MOTOROKR",
            "model_no": "S305",
            "type": "Bluetooth Stereo",
            "price": "£35.00",
            "stock": 10,
            "images": "images/Headphones/earpnoisehush.jpg"
        }
    ]
}

即使我试图提醒json文件

,也没有任何指控

1 个答案:

答案 0 :(得分:1)

我已经在我的机器上复制了你的解决方案,它运行得很好。您只需通过http://而不是file:///。

运行脚本