如何从JQuery上的列表中获取JSON值?

时间:2014-07-14 16:37:18

标签: javascript jquery json parsing

这是我的例子:

data.json =

{
    'list':[{
    'name':'first',
    'rating':'50%',
    'story':'Once upon a time'
    },
    {
    'name':'second',
    'rating':'65%',
    'story':'New chapter'
    }]
}

HTML code:

    <script type="text/javascript" src="jquery-1.10.2.min.js"></script>

    <script type="text/javascript">
        $(document).ready(function(){
            $.getJSON('data.json', function(data){
                var new_data=JSON.parse(data)
                alert(new_data.list[1].name)
                alert(new_data.list[1].rating)
                alert(new_data.list[1].story)
            });
        });


    </script>

为什么这段代码不起作用?我想得到:第二,65%,新篇章。也许你知道如何在原生JS上解决这个问题,而不使用JQuery?这将是伟大的/

1 个答案:

答案 0 :(得分:0)

你应该删除&#39; JSON.parse&#39;声明。 &#39;的getJSON&#39;已经解析了数据。

<script type="text/javascript" src="jquery-1.10.2.min.js"></script>

<script type="text/javascript">
    $(document).ready(function(){
        $.getJSON('data.json', function(data){
            alert(data.list[1].name);
            alert(data.list[1].rating);
            alert(data.list[1].story);
        });
    });
</script>