javascript - 尝试从 url 获取 JSON/JSONP 数据并将结果显示到 html 网页上

Question

例如，当我输入网址“www.example.com”时，我得到返回:

{
    shh: {
        id: 3730672,
        name: "Shh",
        profileIconId: 23,
        summonerLevel: 2,
        revisionDate: 1421646418000
    }
}

我正在尝试获取所有这些数据并将其显示在我的 HTML 网站上。我尝试研究，甚至尝试了以下代码，

$.getJSON('www.example.com', function(data){
    alert(data);
});

但它什么也没显示。请帮忙!

Answer 1

如果您的数据回调不为空，您可以尝试以下操作:

{ shh: { id: 3730672, name: "Shh", profileIconId: 23, summonerLevel: 2, revisionDate: 1421646418000 } }



$.getJSON('www.example.com', function(data){ 
  if(data){
    var ssh = data.ssh;
    var ssh_id = ssh.id;
    var ssh_name = ssh.name;
    
    $('.name').html(ssh_name);
    $('.id').html(ssh_id);
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<span class="name"></span> with id:<span class="id"></span>