无法将某些数据从纽约时报 API 打印到 HTML

Question

我可以从纽约时代获取API，但似乎无法打印我想要的HTML内容。 我安慰记录了mbutton，它将适当的值转移到选择的标题中。 因为我是学生，你能解释一下我哪里做错了吗？以及为什么您的步骤可以纠正它。

我正在尝试做的是显示图像，URL和标题。 用户从下拉菜单中选择标题主题后。

我搜索过youtube和jquery API的多篇文章。 我也在做 https://medium.freecodecamp.org

$(function() {
  $("body").on("change", "#mbtton", function() {
    headLinePicked = $("#mbtton").val();
    counter = 0;
    $.ajax({
      method: "GET",
      url: website + headLinePicked + apikey,
      dataType: "json"
    });
  });
  console.log("before append");
  (function(data) {
    do {
      console.log(data);
      console.log("in append");
      $("body").append("#printToHtml" + data.results[counter].title).innerHTML;
      $("body").append("#printToHtml" + data.results[counter].multimedia[0].url)
    .innerHTML;
      $("body").append("#printToHtml" + data.results[counter].url).innerHTML;
      counter++;
      console.log(counter);
    } while (counter <= 12);
  });
 });

Answer 1

好的，我得到了要发布到 HTML 的数据。但是，它没有显示在 HTML 中。

我在ajax中添加了"success： function(apiresult("。 与以下

    do {
         console.log(data);
         console.log("in append");
         $("body").append("#printToHtml" + data.results[counter].title).innerHTML;
         $("body").append("#printToHtml" + data.results[counter].multimedia[0].url)
.innerHTML;
         $("body").append("#printToHtml" + data.results[counter].url).innerHTML;
  counter++;
         console.log(counter);
         } while (counter <= 12);