Question

我有这个HTML页面：

<!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文件，看起来没问题，但结果没有附加到body标签上。我做错了什么？

Answer 1

似乎它正在运行，但因为我没有在Chrome以外的其他浏览器中测试它，我看不到结果。感谢@Jack提到Chrome没有从文件系统中运行ajax。这里讨论了这个问题：http://code.google.com/p/chromium/issues/detail?id=40787感兴趣的人。

jquery getjson没有

1 个答案: