维基百科API - 仅显示4个结果

时间:2016-08-12 15:00:45

标签: javascript jquery wikipedia-api

我正在使用Wikipedia API来显示一些文章。唯一的问题是它只显示前4个结果。我看过类似的问题,但仍然无法找到显示更多的方法。 Here's the jsfiddle

JS:

$(document).keypress(function(e) {

        if(e.which == 13) { 

           var searchTerm = $('#searchy').val();
           var url = "https://en.wikipedia.org/w/api.php?action=opensearch&search=" + searchTerm + "&format=json&callback=?";

            $.ajax({
                type: "GET",
                url: url,
                contentType: "application/json; charset=utf-8",
                async: false,
                dataType: "json",
                success: function(data){
                    //console.log(data[1][0]);
                    //console.log(data[2][0]);
                    //console.log(data[3][0]);
                    $('#output').html('');
                for (var i = 0; i < data.length; i++) {
                    $('#output').prepend("<li><a href=" + data[3][0] + ">" +  data[1][0] + "</a><p>" + data[2][0] + "</p></li>");

                    $('#centbox').css("top", "14%");
                    $('#resultati').css("top", "16%");
                }
            },
                error: function(errorMessage){
                alert("Error!");
            }

            })

        };
    });

1 个答案:

答案 0 :(得分:3)

你有:

for (var i = 0; i < data.length; i++) {

但是data.length 总是 将是4:[0]是搜索,[1]是一个文章名称数组,[2]是一个摘要数组,[3]是一个链接数组。

所以也许:

for (var i = 0; i < data[1].length; i++) {
    $('#output').prepend("<li><a href=" + data[3][i] + ">" +  data[1][i] + "</a><p>" + data[2][i] + "</p></li>");
相关问题