Google API - Object.defineProperty 调用了非对象

Question

我对使用 API 很陌生，我正在尝试 return 图像搜索的值。Codepen Link

我试图在数组设置中获取 thumbnailLink 的值，如下所示：

{
 "items": [
  {
   "image": {

    "thumbnailLink": "https://......"

Link to Array

这是我的JavaScript

  $.getJSON(
    "https://www.googleapis.com/customsearch/v1?key=AIzaSyCa8fDiJvEU6G3gYF9wQJiRRVp0eOXajGg&cx=006271532646749467732:ui1nmvdw2ba&searchType=image&q=" +
      image,
    function(google) {
      var html = "";
      var theImage = $.data(google.items[0].image.thumbnailLink);

      $("#test");
      google.forEach(function(val) {
        var keys = Object.keys(val);
        html += "<img src=";
        keys.forEach(function(key) {
          html += theImage;
        });
        html += ">";
      });
    }
  );
},

它没有 returning 任何东西，并在控制台中给我这个错误。

Uncaught TypeError: Object.defineProperty called on non-object

Answer 1

问题出在 $.data 方法上，可以告诉我您为什么使用那个方法吗？

我正在为您提供可用的 link 您的代码：pen of demo code。