轉換JSON數據的HTML

-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，任何人都可以幫助嗎？

來源

2017-09-22 Roto

這可能是任何一個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>

來源

2017-09-22 19:57:58

網站上的信息沒有顯示在HTML文檔上？ – Roto

你在你的本地機器上運行這個html嗎？如果是這樣，請用'src =「http://code.jquery.com/jquery-1.12.4.min替換'src =」// code.jquery.com/jquery-1.12.4.min.js「'。 JS「' –

我運行它關閉本地計算機和我在做什麼錯誤的，因爲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

轉換JSON數據的HTML

回答

相關問題