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。