从JSON树读取所选项目

时间:2019-12-29 18:10:28

标签: jquery json

这是我的树的结构:

[
    {
        _id: "5981d239b2a86100046ccdb8",
        title: "Første test fra heroku med database: moviestest",
        releaseYear: "2017",
        director: "clbo",
        genre: "Horror"
    },
    {
        _id: "59e460f5cb670a0004c40b1b",
        title: "Hanseman",
        releaseYear: "2011",
        director: "me",
        genre: "Horror"
    },
    {
        _id: "59e46106cb670a0004c40b1c",
        title: "007",
        releaseYear: "2017",
        director: "jon",
        genre: "action"
    }
]

我正在使用以下代码来检索所有数据:

  <script>
    $(function() {
        $.ajax({
            url: 'https://myapiurl/',
            type: 'GET',
            dataType: 'html',
            success: function(data, status, xhr)
            {
                $("#json").html(data);
            },
            error: function(xhr, status, error)
            {
                $("#json").html("Error: " + status + " " + error);
            }
        });
    });
    </script>

我上面的代码显示了JSON树中的所有内容。我想学习如何在json树中导航并显示特定项或键。 我想知道在这种情况下我如何只能从此API中获取标题?

我一直在尝试搜索示例,但是没有运气。我觉得该问题可能是由于我不确定要搜索的内容所致。我叫这个问题是什么?是JSON语法吗?还是在jQuery部分上?

1 个答案:

答案 0 :(得分:0)

这是一个琐碎的查询,可以在学习基础知识后弄清楚。请阅读互联网上提供的众多教程中的任何一个。 W3Schools确实涵盖了这一点以及解析JSON的许多其他基本操作:

https://www.w3schools.com/js/js_json_parse.asp https://www.w3schools.com/js/js_json_arrays.asp

对于这种特殊情况,您需要执行以下操作:

var title = [];
for(var i = 0; i < data.length; i++) {
    title[i] = data[i].title;
}