Javascript维基百科概要提取错误

Question

我正在尝试使用API​​从维基百科获取数据。

这里是最初的代码卡：

$(document).ready(function() { 
 
    var searchTerm = document.title; 
 
    $.getJSON("https://en.wikipedia.org/w/api.php?action=parse&page=" + searchTerm + '&prop=text&format=json&callback=?', function(json) { 
 
    $('#wikiInfo').html(json.parse.text['*']); 
 
    $("#wikiInfo").find("a:not(.references a)").attr("href", function() { 
 
     return "http://www.wikipedia.org" + $(this).attr("href"); 
 
    }); 
 
    $("#wikiInfo").find("a").attr("target", "_blank"); 
 
    }); 
 
});

<title>Fire</title> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 
<div id="wikiInfo"> &nbsp; </div>

然而，这给了我整个页面，我寻找的东西，这将使我维基的只是概要页。 我在网上看了一下，该解决方案建议是要改变一些初始参数，使JS的样子：

var searchTerm = document.title; 
$.getJSON("https://en.wikipedia.org/w/api.php?format=json&action=query&prop=extracts&exintro=&titles=" +searchTerm +'&callback=?', function(json) { 
    $('#wikiInfo').html(json.parse.text['*']); 
    $("#wikiInfo").find("a:not(.references a)").attr("href", function(){ return "http://www.wikipedia.org" + $(this).attr("href");}); 
    $("#wikiInfo").find("a").attr("target", "_blank"); 
}); 

不过，现在我面对的错误：

Uncaught TypeError: Cannot read property 'text' of undefined 
    at Object.success (wikis.html:9) 
    at c (jquery.min.js:3) 
    at Object.fireWith [as resolveWith] (jquery.min.js:3) 
    at k (jquery.min.js:5) 
    at HTMLScriptElement.n.onload.n.onreadystatechange (jquery.min.js:5) 

可能有人请帮助我需要改变什么？我是处理JSON数据和使用API​​的新手

Answer 1

您可以抓取摘要的页面摘录。唯一的缺点是提取是纯文本的。

为了便于重用，我将一些代码转换为jQuery插件。

var apiUrl = 'https://en.wikipedia.org/w/api.php'; 
 

 
(function($) { 
 
    $.fn.fixWikiLinks = function() { 
 
    this.find('a:not(.references a)').attr('href', function() { 
 
     return 'http://www.wikipedia.org' + $(this).attr('href'); 
 
    }); 
 
    return this; 
 
    }; 
 
    $.fn.setAnchorTargetsBlank = function() { 
 
    this.find('a').attr('target', '_blank'); 
 
    return this; 
 
    }; 
 
})(jQuery); 
 

 
$(document).ready(function() { 
 
    var searchTerm = document.title; 
 
    var params = { 
 
    "format"  : "json", 
 
    "action"  : "query", 
 
    "prop"  : "extracts", 
 
    "exintro"  : null, 
 
    "explaintext" : null, 
 
    "titles"  : searchTerm, 
 
    "callback" : "?" 
 
    }; 
 

 
    $.ajax({ 
 
    url: apiUrl + '?' + $.param(params), 
 
    cache: true, 
 
    dataType: 'jsonp', 
 
    success: function(json) { 
 
     var pages = json['query']['pages']; 
 
     var pageIds = Object.keys(pages); 
 

 
     if (pageIds.length > 0) { 
 
     var initialPageId = pageIds[0]; 
 
     var page = pages[initialPageId]; // Get first page. 
 
     var extract = page['extract']; 
 

 
     $('#wikiInfo').html(extract).fixWikiLinks().setAnchorTargetsBlank(); 
 
     } 
 
    } 
 
    }); 
 
});

<title>Fire</title> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 
<div id="wikiInfo"> &nbsp; </div>