получать данные из json api, но не отображать их в HTML-таблице

Question

Меня интересует, как получить данные с веб-сайта и отобразить их в формате HTML. Затем я нашел пример с веб-сайта и попытался изменить в нем некоторый код. но тогда существующие данные не отображаются браузером. это пример:

</scrypt>
$(document).ready(function() {
        $('#example').DataTable({
            "processing": true,
            "ajax": "https://www.zpool.ca/api/miners",

            column: [{
                "algo"
            }, {
                "version"
            }, {
                "count"
    }]
  });
});</scrypt>

<link rel="stylesheet" href="https://cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css">
<script src='https://code.jquery.com/jquery-3.3.1.js'/>
<script src='https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js'/>
    <table id="example" class="display" style="width:100%">
        <thead>
            <tr>
                <th>Algo</th>
                <th>Version</th>
                <th>Count</th>
            </tr>
        </thead>
        <tfoot>
            <tr>
                <th>Algo</th>
                <th>Version</th>
                <th>Count</th>
            </tr>
        </tfoot>
    </table>

Может кто-нибудь это исправить ??

Answer 1

Пожалуйста, ознакомьтесь с документацией перед отправкой вопроса, там есть точный пример https://datatables.net/examples/ajax/custom_data_flat.html

фиксированный код:

$(document).ready(function() {
    $('#example').DataTable( {
        "ajax": {
            "url": "https://www.zpool.ca/api/miners",
            "dataSrc": ""
        },
        "columns": [
            { "data": "algo" },
            { "data": "version" },
            { "data": "count" }
        ]
    } );
} );