Jquery 使用$.each遍历JSON以显示图像

我试图在搜索后通过API调用显示多个GIF。当我只想显示一个gif，但我希望迭代JSON文件并显示多个gif时，我能够让代码正常工作

我试图使用$。每个，但每当我这样做，我得到一个未定义的相关错误组合。我尝试了在JSON数组中调用数据的各种组合，但仍然无法让它工作

$（文档）.ready（函数（）{
$（“#gif搜索按钮”）。单击（函数（evt）{
evt.preventDefault（）；
var url='1〕http://api.giphy.com/v1/gifs/search?api_key=dc6zaTOxFJmzC'; 
var gifRequest='q='+$（'#gif search'）.val（）；
GIF回调=函数（数据）{
var returnedgif=''；
$.each（数据、函数（索引、gif）{
returnedgif+=''；
console.log（returnedgif）
})
returnedgif+=“”
$（'#resultGif'）.html（returnedgif）；
}//回调函数结束
$.getJSON（url、gifRequest、gifCallback）；
})；//单击事件结束
});

你想要什么类型的gif？
找到那个gif
在迭代中执行以下操作：

   $.each(data.data, function(index, gif){

问题是，响应采用以下结构


资料


gif1


吉芬



因此，在代码中应该迭代
数据。数据
作为第一个
数据
是从
getJSON
返回的变量，作为
gif回调
的参数提供，第二个是API返回的


$（文档）.ready（函数（）{
$（“#gif搜索按钮”）。单击（函数（evt）{
evt.preventDefault（）；
var url='1〕http://api.giphy.com/v1/gifs/search?api_key=dc6zaTOxFJmzC'; 
var gifRequest='q='+$（'#gif search'）.val（）；
GIF回调=函数（数据）{
var returnedgif=''；
$.each（data.data，函数（索引，gif）{
returnedgif+=''；
console.log（returnedgif）
})
returnedgif+=“”
$（'#resultGif'）.html（returnedgif）；
}//回调函数结束
$.getJSON（url、gifRequest、gifCallback）；
})；//单击事件结束
});

你想要什么类型的gif？
找到那个gif