在自定义搜索中抓取 JSON 张图片

Question

如何从自定义搜索 JSON 响应中抓取图像？

  function hndlr(response) {
  for (var i = 0; i < response.items.length; i++) {
    var item = response.items[i];
    document.getElementById("content").innerHTML += "<br>" + item.htmlTitle;
  }
}

例如，我已经有 10 个结果，每篇文章都有标题、描述和图片。

我已经使用我的密钥和 CX 代码连接到 API，访问了 htmlTitle，或 link 或其他组件。但我不知道如何访问我的图像绑定到每个结果的缩略图部分。

这是 google 自定义搜索的响应： https://drive.google.com/open?id=101MuxGd8oyOAYvfNthuW7saNpm-m3kSe

如何访问 thumbnail.src？

item.pagemap.thumbnail.src???

感谢您的帮助

Answer 1

因为 thumbnail 是一个对象数组，如果 item 是 items 数组中的一个元素，您可以通过以下方式访问它：

item.pagemap.thumbnail[0].src

其中 item.pagemap.thumbnail[0] 是 thumbnail 数组中的第一个对象。

为了使其更安全，您应该在从数组中获取第一个元素之前检查数组长度，并且 src 属性是否存在。例如：

var fallbackImage = 'the url for the fallback image';
var thumbnail = item.pagemap.thumbnail.length > 0 ? item.pagemap.thumbnail[0].src || fallbackImage : fallbackImage;

在自定义搜索中抓取 JSON 张图片

Grab JSON image in custom search

javascript

json

google-custom-search