Google API - 在非对象上调用Object.defineProperty

Question

我是使用API​​的新手，我正在尝试为图片搜索返回一个值。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 += ">";
      });
    }
  );
},

它没有返回任何内容，并在控制台中给我这个错误。

Uncaught TypeError: Object.defineProperty called on non-object

Answer 1

问题在于$.data方法，可以告诉我你为什么要使用它吗？

我正在为您提供代码的工作链接：pen of demo code。