Javascript 将json一行解析为html

我是JSON的新手，需要您的输入。我有一个加载.json文件的html文件

  <script type="text/javascript">
    function load_data() {
      $.getJSON("/data/rain.json", function(data) {
.....
       });
   }
   load_data();

如何在带有标题的表格的一行中显示此信息

---

谢谢。

您可以遍历对象条目来创建列，然后将这些列添加到某个表中。下面是一个伪代码：

const[th，tr]=Object.entries（Object.reduce）(
（[th，tr]，[key，value]）=>{
addTd（th，createTd（key））；
addTd（tr，createTd（value））；
返回[th，tr]；
}，[createTh（），createTr（）]
)
addRow（表，th）；
addRow（表，tr）；

您只需要实现

createTh（）

，

createTr（）

，

createTd（）

，

addTd（）

和

addRow（）

函数=）

您可以使用

其思想是将

数据

转换为一个更易于解析并保持动态的数组

i、 e:

const数据={
“30天”：1，
“90天”：17，
“365天”：80天，
“最后更新”：“2019-11-11 17:07:33”
};
console.log（Object.entries（数据））欢迎使用堆栈溢出！这不是一个人们为你编写代码的网站，这样你就不必这么做。如果您需要帮助调试您编写的代码，则必须发布一篇文章，并解释代码中的具体问题。一个可能对你有帮助的解决方案这是否回答了你的问题？我有一个python脚本，可以转储上面的{30天…}。我正在尝试生成类似的输出，正如前面在函数load_data（）{$.getJSON（“/data/rain.json”），函数（data）{const entries=Object.entries（data）；document.body.innerHTML=${entries.map”中的html所示(([key]）=>
${key}
）.join（“”}${entries.map（[，value]）=>
${value}
）.join（“”}}）；}但不输出
{
   "30 days": 1,
   "90 days": 17,
   "365 days": 80,
   "last_update": "2019-11-11 17:07:33"
}