Отображение JSON в Datatables из URL - PullRequest
Новая
       10

Отображение JSON в Datatables из URL

0 голосов
/ 25 июня 2018

Я пытаюсь отобразить 3 элемента информации из NordVPN API в таблице, в которой используется подключаемый модуль datatables. Чтобы быть конкретным, я хочу отобразить следующие три варианта:

  • Домен "домен": "cl1.nordvpn.com"
  • Страна "страна": "Чили"
  • Нагрузка «нагрузка»: 57

Я проводил некоторые исследования и считаю, что мне нужно использовать JSONP из-за того, что я пытаюсь получить данные из удаленного домена. Вот где я до; 

<!DOCTYPE html>
<html>
<head>
    <title>test</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" />
    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/r/bs-3.3.5/jq-2.1.4,dt-1.10.8/datatables.min.css" />
</head>
<body>
    <br />
    <br />
    <div class="container">
        <table id="example" class="table table-bordered">
            <thead>
                <tr>
                    <th>Domain</th>
                    <th>Country</th>
                    <th>Load</th>
                </tr>
            </thead>
        </table>
    </div>
</body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/r/bs-3.3.5/jqc-1.11.3,dt-1.10.8/datatables.min.js"></script>
</html>
<script>
    $(document).ready(function() {
        $('#example').DataTable({
            "processing": true,
            "serverSide": true,
            "ajax": {
                "url": "https://nordvpn.com/api/server",
                "dataType": "jsonp"
            }
        });
    });
</script>

Мне удалось отобразить данные, но мне пришлось сначала проанализировать JSON и добавить "data": [ в этот проанализированный JSON, чтобы он заработал, что в данном случае не сработает. Я начинаю чувствовать, что я делаю это совершенно неправильно, или это невозможно, поэтому я был бы признателен за некоторые советы, спасибо.

...