通过烂番茄 API 检索电影答案

【问题标题】：Retrieving Movies Via Rotten Tomatoes API通过烂番茄 API 检索电影
【发布时间】：2015-03-29 09:01:00
【问题描述】：

我想知道如何使用 JavaScript/JQuery 从烂番茄 Api 中检索电影。我查看了文档并查看了示例，但我仍然不明智，因为 API 对我来说是新的。如果有人可以给我以下示例，那就太好了：

http://api.rottentomatoes.com/api/public/v1.0/lists/movies/box_office.json?apikey=[your_api_key]&limit=1

（我知道我需要输入我的 api 密钥才能运行）

谢谢

【问题讨论】：

谢谢，效果很好。然后是否可以将此数据插入可点击的 ListView 中，其中每个链接一旦单击将打开一个新页面并显示更多信息？

标签： javascript jquery html css api

【解决方案1】：

基于网站上的示例 API，我为您创建了这个示例代码 - 获得票房收入最高的电影。 limit=1 将只返回排序列表中的第一部电影。

要查看包含您可以检索的所有 JSON 键/值的整个 XML，请使用 this link

<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>

    <script>
        var apikey = "YourApiKeyHERE";
        var baseUrl = "http://api.rottentomatoes.com/api/public/v1.0";

        // construct the uri with apikey
        var moviesSearchUrl = baseUrl + '/lists/movies/box_office.json?apikey=' + apikey + '&limit=1';

        $(document).ready(function() {

            // send off the query
            $.ajax({
            url: moviesSearchUrl,
            dataType: "jsonp",
            success: searchCallback
            });
        });

        // callback for when we get back the results
        function searchCallback(data) {
            $(document.body).append('Found ' + data.total + ' results for Top Box Office Earning Movie');
            var movies = data.movies;
            $.each(movies, function(index, movie) {
            $(document.body).append('<h1>' + movie.title + '</h1>');
            $(document.body).append('<img src="' + movie.posters.thumbnail + '" />');
            });
        }

    </script>

</head>
<body>
</body>
</html>

【讨论】：

谢谢，效果很好。然后是否可以将此数据插入可点击的 ListView 中，其中每个链接一旦单击将打开一个新页面并显示更多信息？