javascript - 使用JSON填充列表项

Question

我正在尝试使用JSON填充列表项，但它似乎不起作用。有人可以告诉我我哪里出了问题。

<ul style='list-style: none;' id='listSubjet'></ul>

var val;
$.ajax({        
    url: 'subjects.json'
}).done(function(d) {
    val = d;
    $.each(val, function(i, su) {
        $('<li data-action = "' + su[0] + '">' + su[1] + '</li>').appendTo('#listSubjet');
    });
});

json:

[ 
    [ "Science", "Zoology"],
    [ "Science", "Botany"],
    [ "Maths", "Geometry"] 
]

编辑:

error: function(msg){
    console.log('error:', msg)
}

Answer 1

问题可能出在服务器上，如果服务器以内容类型text/plain响应，则val = d;将是字符串，而不是数组。如果您可以将响应的内容类型更改为application/json或测试以查看它是否为字符串，如果是，则JSON.parse该字符串以将其转换为数组。

if(typeof d === 'string'){
    val = JSON.parse(d);
}

另外，您应该将此添加到您的ajax:
dataType:“json”，
并且仅在 success callback上处理您的回复