Javascript 尝试进行ajaxapi调用

因此，我试图从giphy调用AJAX API，我认为我的代码布局正确，但作为响应，我一直没有定义。有人知道我该怎么解决这个问题吗。提前谢谢各位

var topics = ["Drake", "Nicki Minaj"];

// function to display contents in our HTML
function displayGifContents () {

var gifs= $(this).attr("data-type");
var queryURL = "https://api.giphy.com/v1/gifs/search?q=" + gifs + "&api_key=9oQvRPi6s7AzEMcHRHx2Xnc9imoT9oTC";
// Creating an AJAX call for the button being clicked
$.ajax({
    url: queryURL,
    method: "GET"
}).then(function(response) {
    console.log(response);
  var results = response.data;

//   Looping through the data gotten from our api
for (var i = 0; i < results.length; i++) {
      // creating a div to hold the gif image
    var gifDiv = $("<div class='gif-div'>");

    // Storing the rating data
    var rating = results.rating;

    // Creating an element to have the rating displayed
    var p = $("<p>").text("Rating: " + rating);

    gifDiv.append(p);
    $("#dcard").append(gifDiv);
}

var主题=[“德雷克”，“尼基·米纳杰]；
//函数在HTML中显示内容
函数显示内容（）{
var gifs=$（this.attr（“数据类型”）；
变量queryURL=”https://api.giphy.com/v1/gifs/search?q=“+gifs+”&api_key=9oQvRPi6s7AzEMcHRHx2Xnc9imoT9oTC”；
//为正在单击的按钮创建AJAX调用
$.ajax({
url:queryURL，
方法：“获取”
}).然后（功能（响应）{
控制台日志（响应）；
var结果=响应数据；
//循环使用从api获取的数据
对于（var i=0；i

我不确定问题出在哪里，但您可以查看以下代码，响应返回实际评分：

var主题=[“德雷克”，“尼基·米纳杰]；
常量gifDiv=$（'.gif div'）；
常量buttonContainer=$（“#按钮容器”）；
topics.forEach（（主题）=>{
append（`GIFs代表“${topic}”`）；
});
//函数在HTML中显示内容
功能显示内容（主题）{
变量queryURL=”https://api.giphy.com/v1/gifs/search?q=“+topic+”&api_key=9oQvRPi6s7AzEMcHRHx2Xnc9imoT9oTC”；
gifDiv.text（'请稍候…'）；
//为正在单击的按钮创建AJAX调用
$.ajax({
url:queryURL，
方法：“获取”
}).然后（功能（响应）{
控制台日志（响应）；
var结果=响应数据；
gifDiv.empty（）；
results.forEach（{rating}）=>{
gifDiv.append（`p>Rating:${Rating}
`）；
});
});
}

评级

gifs的示例值是什么？如果你将它构造的url放在浏览器中，你会得到响应吗？@RicharObaseki请发布工作代码，以方便愿意帮助的人（）。@Taplar我在控制台上得到响应。我在代码开头将“topics”变量存储为“gifs”。