javascript - getJSON 没有将 html 数据输出到 div 中

Question

如果我尝试在 console.log(data) 中输出 getJSON 没问题，我看到了，但它没有像我期望的那样进入 div。

试试这个:

$.getJSON("http://en.wikipedia.org/w/api.php?action=parse&format=json&callback=?", 
{
  page:"Football", prop:"text"
}, function(data) {
    $(".modal-content").html(data);
});

<div class="modal-content"></div>

注意:控制台没有报错，div 为空

Answer 1

您必须正确访问返回对象的 text 属性。仅仅尝试通过传递返回的对象来设置 .html(.. 是行不通的，因为 jquerys .html() 方法需要一个函数或一个字符串作为参数。

根据维基 API:JSON version 2您可以将以下属性添加到传递给 $.getJSON 的选项对象。

formatversion:2

Eliminate useless indirection, e.g. {"text":"..."} instead of {"text":{"*":"..."}} and {"key1":"value1","key2":"value2"} instead of [{"name":"key1","*":"value1"},{"name":"key2","*":"value2"}].

所以这是正确的答案。

var location = "https://en.wikipedia.org/w/api.php?action=parse&format=json&callback=?";

$.getJSON(location, {
  page:"Football", 
  prop:"text", 
  formatversion: 2
}, function(data) {
    $(".modal-content").html(data.parse.text);
    //console.log(data.parse.text)
});