How to get json correctly?

Question

JSON

Hello, I'm trying to populate a table from a json file.

$(document).ready(function() {

$.ajax({
    url: 'json_input_url',
    data: {},
    dataType: "json",
        cache: false,
        success: function (data) {
        $.each(data, function (i, val) {
            var tr = "<tr>" +
                "<td>"+ (i + 1) + "</td>" +
                "<td>"+ val.id + "</td>" +
                "</tr>";
            $(tr).appendTo("tbody");
        });
    }
});

});

<tbody id="items">

    </tbody>

JSON structure
[{id: "1", user_id: "id", username: "name"},{...}]

And everything seems to be fine, but my table is still not there
. I see it in the console, it's not on the page, tell me, please, where is the error?

Answer 1

$.each is for jQuery sets. And for JavaScript arrays there is forEach: https://learn.javascript.ru/array-iteration

$(document).ready(function () {
    $.ajax({
        url: 'json_input_url',
        data: {},
        dataType: "json",
        cache: false,
        success: function (data) {
            console.log(data); // увидеть в консоли, что реально пришло
            data.forEach(function (val, i) {
                var tr = "<tr>" +
                    "<td>" + (i + 1) + "</td>" +
                    "<td>" + val.id + "</td>" +
                    "</tr>";
                $('#items').append(tr);
            });
        }
    });
});