Question

我最近收到了DigitalOcean的VPS，我一直试图制作一个显示VPS状态的页面。 DigitalOcean有一个非常好的API，但我不知道从哪里开始。

我的json文件是这样的：

{"status":"OK","droplets":[{"id":00000,"name":"JamieDuke","image_id":0000,"size_id":00,"region_id":4,"backups_active":false,"ip_address":"0.0.0.0","private_ip_address":null,"locked":false,"status":"active","created_at":"2014-04-21T23:45:51Z"}]}

更新：我没有尝试过任何代码。我一直在寻找有用的东西。此外，我出现的json代码是从网页中提取的，必须是现场直播更新2：当涉及到css和Javascript时，我是一个全新的。我能做的唯一语言就是HTMl。有人可以帮我解决所需的其他部分吗？我真的需要这个脚本用于项目。

另外，我需要它来拉取从网址中提取的脚本。

Answer 1

您可以使用哪种编码语言？我建议使用PHP或JavaScript，具体取决于您要放置文件的位置（桌面或Web服务器）。

一般解决方案：

将JSON解析为数组/对象
从Array / Object

让我们看看你尝试过的一些代码！

Answer 2

我只想使用jquery并解析它。请参阅下面的网址。

https://api.jquery.com/jQuery.parseJSON/

Answer 3

它就像

一样简单

var data = JSON.parse(jsonString);
var html = [], i =0; ln = data.droplets.length;

html.push('<div class="style-div">data.status</div>');
for(i=0; i<ln;i++)
{
  var droplet = droplet[i];
  for(var prop in droplet) {
    html.push('<div class="style-droplet-inner">'+droplet[prop]+'</div>');
  }
}
body.innerHTML = html.join('');

你现在只需要担心CSS。

需要帮助以HTML格式显示JSON文件

3 个答案: