2017-09-22 67 views
-3

我试图JSON数据从一个网站转换和HTML显示它:转换JSON数据的HTML

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

我想从一个叫http://ip-api.com/json URL的JSON代码,我想获取数据读取,然后显示为HTML,任何人都可以帮助吗?

+0

这可能是任何一个JS程序曾经做的最基本的东西。大约有101种方法可以处理它,所有这些方法都涵盖了数百和数千的引导,教程和博客文章。 – 2017-10-13 13:27:08

回答

-1

您将需要执行Ajax调用来获取远程JSON。我建议你为此使用jQuery库。

< /体>前:

<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> 
+0

网站上的信息没有显示在HTML文档上? – Roto

+0

你在你的本地机器上运行这个html吗?如果是这样,请用'src =“http://code.jquery.com/jquery-1.12.4.min替换'src =”// code.jquery.com/jquery-1.12.4.min.js“'。 JS“' –

+0

我运行它关闭本地计算机和我在做什么错误的,因为JSON数据显示惯于在HTML <脚本类型=”文/ JavaScript的“SRC =” HTTP://代码.jquery.com/jQuery的1.12.4.min.js “> <脚本类型=” 文本/ JavaScript的 “> jQuery.getJSON(” http://ip-api.com/json”,函数(OBJ ){ jQuery(“#info”)。html(obj.country +“,”+ obj.as); }); – Roto