JSON“值”转换为 HTML

Question

我正在尝试访问 USGS.gov JSON 输出中的排水量值。

USGS JSON URL

我想从以下位置拉取数值：

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

并将其放入 div 或 span 以使用 CSS 设置样式。

（该值是实时的，并将继续从我的帖子中删除为 2510）

我对 JSON 完全陌生，USGS 文件非常复杂，我无法对其进行正面或反面。我希望保持它超级简单，就像我在 API.JQUERY.COM 找到的这个 FLICKER API 示例一样

我想它会开始像

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

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

任何帮助将不胜感激！

Answer 1

试试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/ 在单击所需节点时获取树视图，它将显示解析器对象是什么。

Answer 2

是的，数据非常复杂，但是您仍然可以像处理其他任何人一样挖掘响应。先将数据拉取并转换为对象，然后将其记录到控制台。

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/

---

看起来这个数据比 JSON 更适合 XML。他们可能在编写此服务时考虑了 XML，并提供 JSON 作为让步。省略format=json URL 参数并从XML 响应中提取您需要的数据可能更容易。