Question

我正在尝试显示随机的维基百科文章。我有一个随机页面ID的ajax请求和一个内部ajax请求来解析该页面ID的文本。我每次都会得到一个随机页面ID，但是当我尝试使用内部ajax请求显示它时，所有显示的都是“其他语言”部分。

我正在使用the call specified by the Wikipedia API sandbox，但我没有得到该页面上显示的相同结果。有什么见解吗？

这是我的功能：

$(document).ready(function () { //document.ready
  $('#random-btn').click(function() { //random-btn click
    $.ajax ({ //ajax random page 
      url: "http://www.mediawiki.org/w/api.php",
      jsonp: "callback",
      dataType: 'jsonp',
      data: {
        action: "query",
        format: "json",
        list: "random",
      },
      success: function (randomPage) { //random page success
        var randomID = randomPage.query.random[0].id.toString();
        console.log(randomID);
        $.ajax ({ //ajax display given page
          url: "http://www.mediawiki.org/w/api.php?action=parse&format=json&pageid=367435",
          jsonp: "callback",
          dataType: 'jsonp',
          data: {
            action: "parse",
            format: "json",
            pageids: randomID,
          },
          success: function (jsonObject) { //display success
            var displayText = jsonObject.parse.text["*"];
            $('#display').html(displayText);
          } //display success
        }) //ajax display given page
      } //random page success
    }) //ajax random page 
  }) //random-btn click
}) //document.ready

Answer 1

您也可以在一个请求中使用带extracts属性的生成器来完成所有这些操作。检查参数以获取更多选项。

$(document).ready(function () {
    $('#random-btn').click(function () {
        $('#display').empty();
        $.ajax({
            url: 'http://www.mediawiki.org/w/api.php',
            dataType: 'jsonp',
            data: {
                action: 'query',
                format: 'json',
                generator: 'random',
                prop: 'extracts',
                grnnamespace: 0,
                explaintext: true
            },
            success: function (result) {
                var pages = result.query.pages;
                var page = pages[Object.keys(pages)[0]];
                $('#display').append($('<h2>').text(page.title));
                $('#display').append($('<p>').text(page.extract));
            }
        });
    });
});

<!DOCTYPE html>
<html>
<body>
    <button id="random-btn">Get random</button>
    <div id="display"></div>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
</body>
</html>

Wikipedia API解析操作仅返回“其他语言”部分

1 个答案: