解析 JSON 数组文件并将结果填充到 Select

Question

我正在我的公司做 Android PhoneGap 项目。 我有一个 JSON 文件，想将它放入我的 HTML 选择框中。 由于我还是新手，所以我对 JSON 的解析主要还是不太了解。

这是我的 JSON 文件 (city.json)：

[{"CityID":1,"CityName":"Magelang"},{"CityID":2,"CityName":"Jayapura"},{"CityID":3,"CityName":"Aceh"}]

我真的不知道它是否需要解析。 我在这个帖子中关注了 RaYell 的回答。 Jquery getJSON populate select menu question

所以，我对这些进行编码以将结果填充到选择框中的选项中。

$.getJSON('city.json', function(data){
var html = '';
var len = data.length;
for (var i = 0; i< len; i++) {
    html += '<option value="' + data[i].CityID + '">' + data[i].CityName + '</option>';
}
$('#city').append(html);
});

但它不适用于我的代码。 我的选择框没有选项:( 有什么解决办法吗？ 之前谢谢。

Answer 1

您的for 循环不适用于对象。只有数组。

您需要使用for (var i in data) { 循环访问对象的所有属性。

Answer 2

尝试执行$('#city').html(html); 看看错误是什么：

编辑：将此添加到 $.getJSON 调用的末尾：

    $(document).ready(function(){
        $.getJSON(. . .).fail(function( jqxhr, textStatus, error ) {
             var err = textStatus + ', ' + error;
             alert( "Request Failed: " + err);
             });
    });