HTML中的JSON對象檢索

<!DOCTYPE html> 
<html> 
<body> 

<h2>EPA</h2> 

<p id="demo"></p> 

<script> 
//UV 
var text = '{"ZIP_CODE":92507,"UV_INDEX":8,"UV_ALERT":0}' 
var obj = JSON.parse(text); 

document.getElementById("demo").innerHTML = "UV INDEX" + "<br>" + "Zip code: " + obj.ZIP_CODE + "<br>" + "UV_ INDEX: " + obj.UV_INDEX + "<br>" + "UV_ALERT: " + obj.UV_ALERT + "<br><br>" ; 

</script> 

</body> 
</html>

此刻，我輸入了JSON對象。無論如何，我可以從URL下載JSON對象，而不是提供它？HTML中的JSON對象檢索

來源

2015-04-22 Ria

對於這樣的事情一個典型的解決方案是AJAX/XHR。還有其他的解決方案，但你可以從那個開始。 Mozilla提供了一個教程：https：//developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/Using_XMLHttpRequest – Trott

或者您只需創建一個JavaScript並將其放入它自己的腳本中：var obj = {.. ...};'和''。 –

這裏回答了這裏： – Donatello

您可以使用jQuery例如：

// get json data from a url 
var urlString = "/example/getdata"; 
$.getJSON(urlString, function(obj){ 
    document.getElementById("demo").innerHTML = "UV INDEX" + "<br>" + "Zip  code: " + obj.ZIP_CODE + "<br>" + "UV_ INDEX: " + obj.UV_INDEX + "<br>" + "UV_ALERT: " + obj.UV_ALERT + "<br><br>" ; 
});

來源

2015-04-22 20:38:54 pantuofermo

它幾乎可行。所有這三個字段都是未定義的。 – Ria

返回「obj」可能是一個數組。嘗試像這樣：obj [0] .ZIP_CODE如果這樣做，然後循環「for」語句中的「obj」，並以這種方式訪問它。 – pantuofermo

HTML中的JSON對象檢索

回答

相關問題