javascript - 使用 jquery 获取 json 数据

Question

大家好，我想知道如何通过 ajax 调用获取 json 数据。

我试过了，但似乎行不通:P

首先我创建了一个 JavaScript 文件来放入我的 json 数据元素:

var food = [
             {'name':'bread', 'price':'7,25'},
             {'name':'fish', 'price':'9,00'}
           ];

我把它保存为 food.js。

然后我尝试从另一个文件进行 ajax 调用，这是我的代码:

$(document).ready(function(){

    $.ajax({
        async: false,
        dataType: "json",
        type:'GET',
        url:"food.js",
        success: function(data) {

            var result = data.food.name;
            alert(result);

        });

    }});

});

有什么想法吗？

提前致谢;)

Answer 1

首先，您的示例中存在语法错误 - $.ajax 调用中的右大括号过多，但我猜这只是一个拼写错误。

在您的 JSON 中，food 是一个数组，因此您需要使用索引器来获取其中对象的属性:

success: function(data) {
    var result = data.food[0].name; // = "bread"
    alert(result);
});