如何从JQuery列表中获取JSON值

How to get JSON value from list on JQuery?

本文关键字：获取 JSON 列表 JQuery      更新时间：2023-09-26

这是我的例子:

data.json = 

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

    <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?那太好了/

您应该删除JSON。解析的声明。'getJSON'已经解析了数据。

<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>
相关文章：