javascript - 使用 Ajax 获取随机维基百科摘录

Question

我正在尝试使用 Ajax 获取随机维基百科页面的摘录。我已经获得了数据，但在输出数据时遇到了问题。

这是我的代码:

$.ajax({
        type: "GET",
        url: "https://simple.wikipedia.org/w/api.php?action=query&generator=random&grnnamespace=0&prop=extracts&exsentences=10&format=json&callback=?",
        contentType: "application/json; charset=utf-8",
        async: false,
        dataType: "json",
        success: function (data) {
            console.log(data);
            var text = data.parse;
            document.getElementById('div_text').innerHTML = text;
        },
        error: function (errorMessage) {
        }
    });

控制台记录数据正常，但浏览器中的输出只是未定义。

显然，问题出在这一行:

var text = data.parse;

我哪里错了？

Answer 1

数据不在 data.parse 中，而是在 data.query.pages 中，第一个对象就在其中。

所以把你的成功方法改成

success: function (data) {
        var pages = data.query.pages;
        var text = pages[ Object.keys(pages)[0] ].extract;
        document.getElementById('div_text').innerHTML = text;
    }