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以外のブラウザでテストしていないため、結果がわかりませんでした。Chromeがファイルシステムからajaxを実行しないことを言及してくれた@Jackに感謝します。この問題はここで議論されました：興味のある人のためにhttp://code.google.com/p/chromium/issues/detail?id=40787 。

于 2013-02-15T21:08:02.227 に答える