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

时间:2015-07-01 09:08:13

标签: javascript php jquery html json

例如,当我输入网址时,"www.example.com"我收到了回复:

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

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

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

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

3 个答案:

答案 0 :(得分: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>
&#13;
&#13;
&#13;

答案 1 :(得分:0)

您是否尝试过将断点放在那里并查看包含哪些数据?此外,您应该在警报中使用 data.d ,而不仅仅是数据

答案 2 :(得分:0)

$('#id').html(data.shh.id);

你想把你的html id用在哪里,作为回应,你会写数据然后写数据,或者你使用结果然后你将使用结果