Untitled

<html>
<head>
  <title>Connected Users</title>
</head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1" crossorigin="anonymous"></script>
<link rel="stylesheet" type="text/css" href="styles/main.css" />
<body>
  <div id="header">
    <div class="logo"><a style="color: #fff">AfterLife RP <span>Administration Panel</span></a></div>
  </div>

  <div id="container">
    <div class="sidebar">
        <ul id="nav">
            <li><a href="index.html">Splash Page</a></li>
            <li><a class="selected" href="connectedusers.html">Connected Users</a></li>
            <li><a href="administrateusers.html">Administrate Users</a></li>
            <li><a href="connectionlog.html">User Connection Log</a></li>
            <li><a href="searchusers.html">Search User</a></li>
        </ul>
    </div>
     <div class="content">
      <div id="box">
        <div id="rborder" class="box-top">Connected Users</div>
          <table class="table table table-striped table-borderd" id="players_data">
              <tr>
                <th>User ID</th>
                <th>Identifiers</th>
                <th>Username</th>
                <th>User Ping</th>
              </tr>
          </table>
      </div>
    </div>
  </div>
</body>
</html>

<script>
  $(document).ready(function(){
    $.getJSON("players.json", function(data){
      var players_data = '';
      $.each(data, function(key, value){
        players_data += '<tr>';
        players_data += '<td>'+value.id+'</td>';
        players_data += '<td>'+value.identifiers+'</td>';
        players_data += '<td>'+value.name+'</td>';
        players_data += '<td>'+value.ping+'</td>';
        players_data += '</tr>';
      });
      $('players_table').append(players_data);
    });
  });
</script>