javascript - 如何使用 jQuery 解析 JSON

Question

我对 JSON 和 jQuery 还很陌生。我有一个来自 url 的 JSON 文件，格式如下:

{
    "united":[
        {"Atlanta","California","Alabama"}
    ]

    "canada":[
        {"Ontario","British Columbia"},
    ]
}

我想做的是，当用户从列表中选择一个国家/地区时，我只想解析出特定于该国家/地区的数组。

到目前为止我所拥有的是:

function getUrl(country) {
    alert(urlBase + countrylist);
    $.getJSON(urlBase + countrylist, function(data){
       $.each(data, function (index, value) {
           alert(value);
       });
    });
}

值的警报没有被触发，因此它似乎没有进入每个语句内。

Answer 1

您的 JSON 似乎无效。我认为 JSON 所需的输出是:

{
    "united":[
        "Atlanta","California","Alabama"
    ], //this comma is new

    "canada":[
        "Ontario","British Columbia" //a comma was removed from here
    ]
}

这是使用此结构的演示:http://jsfiddle.net/9sU65/ (观察您的控制台以查看其工作情况)

请注意，我删除了方括号内的大括号。现在，这将创建格式正确的城市数组。另请注意，必须在对象中的第一个键和第二个键之间放置一个逗号。

正确的对象表示法采用以下格式:

{ key1 : 'val-1', key2 : 'val-2' }

如果你有:

{ key1 , key2 }

那么您实际上只想创建一个数组，它使用稍微不同的表示法:

[ key1 , key2 ]

顺便说一句，这是我在使用 JSON 时遇到的错误(在 Chrome 20 中):

Uncaught SyntaxError: Unexpected token , 

有很多，但您总能找到 JSON 验证器并查看 JSON 是否有效。每当我使用新的数据源时，无论输出采用什么格式，我都会执行此操作。以下是一个良好的 JSON 验证器的示例: http://jsonformatter.curiousconcept.com/