0

我有这个 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 标记中。我究竟做错了什么？

4

1 回答 1

2

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

于 2013-02-15T21:08:02.227 回答