如何通过 JQUERY 将 JSON 转换为 HTML？

Question

我正在尝试将一些 JSON 数据解析到网页中。我不断收到 "undefined" 错误，其中应显示 JQUERY 变量。我浏览了以前的解决方案；不幸的是，因为我是新手，所以它们超出了我的理解范围。知道我做错了什么吗？

这是我的 JSON 内容：

[{"v_avg2":"-1.93","v_max2":"9.40","v_min2":"-12.30","v_std2":"7.42","s_avg2":"-0.18","s_max2":"7.87","s_min2":"-9.18","s_std2":"5.47","alpha_avg2":"-1.75","alpha_max2":"1.53","alpha_min2":"-4.76","VCAGR":"-26.542465909469826","SCAGR":"-4.004316028237165"}]

这是我的 HTML:

<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<script src='https://code.jquery.com/jquery-3.2.1.min.js'></script>
    </head>
<body>

<h2>Testing HTML/JSON</h2>

<div>
    <span id="nums"></span>
</div>

<script>
fetch('./php/beta0472019.php')
.then(function (response){
    return response.json();
})
.then(function (json){
    console.log(json);
    var vavg = json.v_avg2;
    $('#nums').html('VIOG Mean: <span style="float:right;">' +vavg+ '</span><br>');         
});
</script>


</body>
</html>

非常感谢这位初学者的任何帮助。

谢谢！

Answer 1

json[0].v_avg2因为是数组

如何通过 JQUERY 将 JSON 转换为 HTML？

How do I convert JSON to HTML through JQUERY?

html

jquery

json

undefined