将json数据转换为html

时间:2017-09-22 19:46:27

标签: javascript html json parsing

我试图从网站转换json数据并将其显示在html中:

var obj = 'http://ip-api.com/json';
document.getElementById('info').innerHTML = obj.country + ", " + obj.as;

我正在尝试从名为http://ip-api.com/json的网址获取JSON代码,我正在尝试将数据读取然后显示为html,有人可以帮忙吗?

1 个答案:

答案 0 :(得分:-1)

您需要执行Ajax调用以获取远程json。我建议你使用jQuery库。

之前< / body>:

<script type="text/javascript" src="//code.jquery.com/jquery-1.12.4.min.js"></script>
<script type="text/javascript">
  jQuery.getJSON("http://ip-api.com/json", function(obj) { 
    jQuery("#info").html(obj.country + ", " + obj.as); 
  });
</script>