將JSON「值」轉換爲HTML

我試圖訪問USGS.gov JSON輸出中的水分排放值。將JSON「值」轉換爲HTML

我想從拉來的數值：

"values":[{"value":[{"value":"2510"

，並把它變成一個股利或跨度與CSS樣式。

（該值是活的，並會繼續從我的崗位下降，因爲2510）

我完全陌生的JSON和美國地質調查局的文件是如此令人費解的，我不能讓元首或它的尾巴。我希望能保持它超級簡單的像我發現在API.JQUERY.COM

這種閃爍API的例子，我想它會開始像成才

<span id="usgs_span"></span> 

<script> 
var usgs = "USGS JSON URL; 
    $.getJSON(usgs, { 
    }) 
    .done(function(data) { 
     $.values.value("<span>").appendTo("#usgs_span"); 
    }); 
})(); 
</script>

任何幫助將不勝感激！

來源

2014-07-15 Samuel Clarke

嘗試this

(function() { 
    var APIURL = "http://waterservices.usgs.gov/nwis/iv/?format=json&sites=01199000&parameterCd=00060"; 
    $.getJSON(APIURL, { }) 
    .done(function(data) { 


     $.each(data.value.timeSeries[0].values[0].value, function(i, item) { 
       $("#test").html($("#test").html()+":"+item.value); 
     }); 

    }); 
})();

每當你堅持找到解析，您可以使用http://www.jsontree.com/獲得在單擊所需的節點它會告訴你什麼是解析器對象的樹視圖什麼價值。

來源

2014-07-15 05:22:31 dev

是的。很簡單。爲我簡單的頭腦完美。 –

我也結束了使用相同的代碼訪問和轉換另一個usgs數據點的水溫數據。 '

' –

是的，數據是非常複雜的，但你仍然可以像對待其他任何人一樣挖掘響應。提取數據並將其轉換爲對象，並將其記錄到控制檯。

var xhr = new XMLHttpRequest(); 
var url = "http://waterservices.usgs.gov" 
     + "/nwis/iv/?format=json&sites=01199000&parameterCd=00060"; 

xhr.open("GET", url, true); 
xhr.send(); 
xhr.onload = function() { 
    var data = JSON.parse(xhr.responseText); 

    console.log(data); 
};

展開記錄到控制檯的數據的屬性，直到找到您要找的內容。

然後查看您已擴展的屬性並使用它們來解決您的價值。

var myValue = data.value.timeSeries[0].values[0].value[0].value; 

// do something with myValue

http://jsfiddle.net/3QUxX/

它看起來像這樣的數據更適合XML比JSON。他們可能會用XML來編寫這個服務，並提供JSON作爲讓步。您可能更容易省略format=json URL參數，而是從XML響應中提取所需的數據。

來源

2014-07-15 05:10:25

哇哇把它轉換成xml確實讓它更清晰。令人吃驚的是...... –

將JSON「值」轉換爲HTML

回答

相關問題