javascript - 无法让维基百科的 API 工作

Question

我想使用维基百科的 API 将搜索结果附加到我的页面，但是当我按 Enter 键时，什么也没有显示。到目前为止，这是我的代码:

var apiURL = "https://en.wikipedia.org/w/api.php?callback=?";
$("input").on("keydown",function search(e) {
 if(e.keyCode == 13) {

    $("#display-result").empty();
    $.getJSON(apiURL, {
    action: 'query',
    format: 'json',
    inprop: "url",
    formatversion: 2,
    generator: 'search',
    gsrsearch: $("input").val(),
    gsrwhat: "text",
    prop: 'extracts|info',
    exsentences: 3,
    exintro: "",
    explaintext: "",        
    exlimit: 20,
  })

  .success(function(response) {
    response.query.pages.forEach(function(resp) {
      $('#display-result').append(
        "<a href='" + resp.fullurl + "' target= '_blank'><div id='result' class='results'><h3>" + resp.title + "</h3><p = class='extract'>" + resp.extract + "</p></div>");
    });
  });
 };
});

这是一个jsfiddle:https://jsfiddle.net/9j6v1Leo/

Answer 1

在查看你的 jsfiddle 时我注意到两件事:

• 您正在使用 jquery 函数，但未包含 jquery 库。
• 将您的代码放入 $(document).ready(function() { } 中。这样您就可以确保 DOM 已为 JavaScript 代码做好准备。

这是一个工作中的jsfiddle:https://jsfiddle.net/v27a0964/