无法使用维基百科的 API

Question

我想使用 Wikipedia 的 API 将搜索结果附加到我的页面，但是当我按回车键时，没有任何显示。到目前为止，这是我的代码：

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/

无法使用维基百科的 API

Can't get Wikipedia's API to work

javascript

jquery

wikipedia-api