javascript - 从文本字符串中获取变量 [jQuery]

Question

这是我想要使用的文本(经常更改，因此脚本应始终从源代码中重新收集它):

{"current_players":0,"alive":0,"spectators":0,"max_players":64,"gamemode":"Free For All","start_time":1461428927679}

我基本上想创建一个表格来直观地显示这些变量。它最终应该看起来像这样:

/* Ignore me */
td {
  border: 1px solid grey;
}
/* Stop ignoring */

<table>
  <tr>
    <td>Players</td>
    <td>X</td><!-- Variable of "current_players" -->
  </tr>
  <tr>
    <td>Gamemode</td>
    <td>FFA</td><!-- Variable of "gamemode" -->
  </tr>
  <tr>
    <td>...</td>
    <td>X</td><!-- And so on... ->
  </tr>
</table>

有什么想法可以做到这一点吗？

提前致谢。

Answer 1

var data = {
  "current_players": 0,
  "alive": 0,
  "spectators": 0,
  "max_players": 64,
  "gamemode": "Free For All",
  "start_time": 1461428927679
};

!(function($) {

  var $tbl = $('table');
  for (param in data) {
    $tbl.append('<tr><td>' + param + '</td><td>' + data[param] + '</td></tr>')
  }

})(jQuery);

/* Ignore me */

td {
  border: 1px solid grey;
}
/* Stop ignoring */

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>

</table>

您可能需要用一些用户友好的名称替换字段名称，而不仅仅是数据 json 中的那些名称