HTML 中的 JSON 对象检索答案

【问题标题】：JSON Object Retrieval in HTMLHTML 中的 JSON 对象检索
【发布时间】：2015-04-22 20:28:57
【问题描述】：

<!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 对象而不是提供它吗？

【问题讨论】：

这类事情的典型解决方案是 AJAX/XHR。还有其他解决方案，但您可以从那个开始。 Mozilla 有教程：developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/…
或者您只需创建一个 JavaScript 并将其放入自己的脚本中：var obj = { .... }; 和 <script src="myData.js"></script>。
这里得到了回答：stackoverflow.com/questions/16649829/…>
*"创建一个 JavaScript 对象"

标签： javascript html json

【解决方案1】：

你可以使用 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>" ; 
});

【讨论】：

返回的“obj”可能是一个数组。尝试这样的事情：obj[0].ZIP_CODE 如果可行，则在“for”语句中循环“obj”并以这种方式访问它。