0
我有这样的html页面:的jQuery的getJSON不
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Untitled Page</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
</head>
<body>
<script type="text/javascript">
$(document).ready(function() {
$.getJSON('test.json', function (data) {
var items = [];
$.each(data, function (key, val) {
items.push('<li id="' + key + '">' + val + '</li>');
});
$('<ul/>', {
'class': 'my-new-list',
html: items.join('')
}).appendTo('body');
});
});
</script>
</body>
</html>
这test.json文件
{
"one": "Singular sensation",
"two": "Beady little eyes",
"three": "Little birds pitch by my doorstep"
}
我已经验证了JSON文件,它似乎不错,但结果不会被追加到身体标签。我究竟做错了什么?
您是否检查控制台是否有错误,并且您是否记录了数据以查看收到的内容? – adeneo 2013-02-15 16:01:31
使用萤火虫或类似的东西,以确保您正在接收数据,并找到您的test.json文件。 – twaldron 2013-02-15 16:02:17
似乎它是一个Chrome的bug。该代码在Firefox和IE中正常工作。 – mpora 2013-02-15 16:07:48