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对象检索

回答

相关问题