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中添加了“成功：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);

无法从NY Times api打印某些数据到HTML

1 个答案: