将身体的背景设置为随机的谷歌图像答案

【问题标题】：set background of the body to a randomized google image将身体的背景设置为随机的谷歌图像
【发布时间】：2017-04-25 21:34:57
【问题描述】：

如您所见，我有这段代码，我想搜索我选择的keyword，在本例中为“山”。

此代码的作用是 -> 它搜索给定 keyword 的图像 -> 然后在接收到的数据中检查随机图像 -> 然后将背景图像设置为随机图像。

但是当我运行这段代码时，它似乎没有给我想要的结果。

<html>
<head>
    <title></title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script type="text/javascript">

    var keyword = "mountains";

    $(document).ready(function(){

        $.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?",
        {
            tags: keyword,
            tagmode: "any",
            format: "json"
        },
        function(data) {
            var rnd = Math.floor(Math.random() * data.items.length);

            var image_src = data.items[rnd]['media']['m'].replace("_m", "_b");

            $('body').css('background-image', "url('" + image_src + "')");

        });

    });
    </script>
</head>
<body>

</body>
</html>

所以我的问题是：我可以将api.flickr.com 更改为谷歌搜索 api，以便我的图像搜索结果得到改进并设置为上述的背景吗？

如果，那怎么办？

已经感谢您的支持！

【问题讨论】：

你可以使用developers.google.com/custom-search
是的，但我将如何实现这一点，所以它将搜索到的随机图像结果设置为背景@Gerardo？我对谷歌搜索 API 很陌生。
对了，我写个例子……
当 Google 检测到以编程方式获取搜索结果的尝试时，它会阻止 IP 并在任何结果页面之前显示验证码。不要去那里。
那么你将如何设置一个随机背景来搜索你想要的@andreigheorghiu 优化结果keyword？

标签： javascript jquery google-search-api

【解决方案1】：

这是您的要求

Example

但是在运行这个 sn-p 之前，首先在 Google 上为此创建一个 API 密钥和一个您需要它的 ID 的自定义搜索引擎。此外，在您创建自定义引擎后，您需要启用“图片搜索”选项。

将 var API_KEY = "your_api_key" 替换为 Google 提供的密钥

和var ENGINE_ID = "your_engine_id" 也带有 Google 提供的 ID。

以下是链接：

API 控制台

Google API console

自定义搜索引擎

https://cse.google.com/all

【讨论】：

谢谢！但是我的浏览器从 jquery.min.js 收到 GET 400() 错误？
在我放入 ajax jquery 后，它在 jquery.js:9664 上崩溃
是的，你做到了，我只是从头到尾跟着教程，我唯一错过的是 jquery 的document.ready 还没有结束代码。另外，我每天只能发送 100 个查询作为 google 的限制，但对于其余的，它工作得很好✌非常感谢
@KingReload 太棒了！对不起，如果我不清楚，我不是一个很好的英语演讲者，但我很高兴它有所帮助。
关于查询限制是的，我忘了提，但是所有的 Google API 都是一样的，你需要付费。如果您需要高质量的图片作为背景，还有 Unsplash：unsplash.com/developers 他们没有 Yahoo! 那么多图片。或谷歌，但相当不错。