jquery - JS 和维基百科 API : Retrieving an article's introduction?

Question

鉴于 WikipediaAPI(英语维基百科上的一篇文章的标题)，我有一个返回 JSON 的网址:

var url = "http://en.wikipedia.org/w/api.php?action=query&prop=description&titles=Unicorn&prop=extracts&exsentences=10&explaintext&format=json";

响应如下所示:

{
    "query": {
        "pages": {
            "ramdom_number_here": {
                "pageid": ramdom_number_here,
                "ns": 0,
                "title": "Unicorn",
                "extract": "The unicorn is a legendary animal that has been described since antiquity as a beast with a large, pointed, spiraling horn projecting from its forehead."
            }
        }
    }
}

鉴于<ramdom_number_here>每篇文章都会发生变化，因此是不可预测的。

如何把握extract或title重用它有什么值(value)？

Answer 1

这主要是攻击 API 的好 url、JQuery $.getJSON 以及传递项目 id 的巧妙技巧。在那里，使用 Object.keys(data)[x] 将标称路径替换为 Object.keys(data)[i] 的数据坐标。

• Object.keys(data) -- 为您提供该级别的键列表。
• 然后使用i=目标数据的数字范围。对于第一个数据点，对于我们来说 [i]=[0]。

解决方案> JSfiddle :

function WD(item) {
    url = "http://en.wikipedia.org/w/api.php?action=query&prop=description&titles=" + item.toString() + "&prop=extracts&exintro&explaintext&format=json&redirects&callback=?";
    $.getJSON(url, function (json) {
        var item_id = Object.keys(json.query.pages)[0]; // THIS DO THE TRICK !
        sent = json.query.pages[item_id].extract;
        result = "<b>En :</b> <t>" + item + "</t> <b>⇒</b> " + sent;
        $('#anchor1').append("<div>"+result+"</div>"); // transformation 
    });
}
WD("Dragon");

经过一些扩展，var list = ["dragon", "Unicorn", "Cat"]，一个包装 $.each() 函数，一些快速 CSS ，我得到了一个优雅而简单的结果，例如:

如果需要 html，请删除 &explaintext。深入挖掘Wikipedia API了解更多功能。

鼓励+1欢迎。