function getData() {

    serverRequest("https://api.luukwuijster.io", function (response) {
        json = JSON.parse(response);

        var object = {
            "id": '',
            "naam": '',
            "brouwer": '',
            "type": '',
            "gisting": '',
            "perc": '',
            "inkoop_prijs": ''
        };

        for (var key in json) {
            makeRow(json[key].id -1);

            makeField(json[key].id);
            makeNameField(json[key].naam);
            makeToolField('info');
            if(auth == true){
                makeToolField('edit');
                makeToolField('delete');
            }

            object.id = json[key].id;
            object.naam = json[key].naam;
            object.brouwer = json[key].brouwer;
            object.type = json[key].type;
            object.gisting = json[key].gisting;
            object.perc = (Math.round(json[key].perc * 100 * 100) / 100);
            object.inkoop_prijs = json[key].inkoop_prijs;

            $(tr).data(object);

            table.appendChild(tr);
        }

        $("#loading-overlay").remove();

        function makeField(text) {
            var td = document.createElement('td');
            td.setAttribute('class', 'field');
            var text2 = document.createTextNode(text);
            td.appendChild(text2);
            tr.appendChild(td);
        }
        //Ja, Dit kan beter, maar dit werk ook.
        function makeNameField(text) {
            var td = document.createElement('td');
            td.setAttribute('class', 'field naam');
            var text2 = document.createTextNode(text);
            td.appendChild(text2);
            tr.appendChild(td);
        }

        function makeRow(id) {
            tr = document.createElement('tr');
            tr.setAttribute('id', "r" + id);
            tr.setAttribute('class', "row");
        }

        function makeToolField(tool) {

            var dialog;
            var fillfunction;
            var fontawesome;

            switch (tool) {
                case "info":
                    dialog = "infoDialog";
                    fillfunction = "infoDialogFill(this)";
                    fontawesome = "fa fa-info fa-lg";
                    break;
                case "edit":
                    dialog = "editDialog";
                    fillfunction = "editDialogFill(this)";
                    fontawesome = "fa fa-pencil fa-lg";
                    break;
                case "delete":
                    dialog = "deleteDialog";
                    fillfunction = "deleteDialogFill(this)";
                    fontawesome = "fa fa-trash fa-lg";
                    break;
            }

            var td = document.createElement('td');
            td.setAttribute('class', 'field');
            var div = document.createElement('div');
            div.setAttribute('class', 'cursor center dialog-open');
            div.setAttribute('data-target', dialog);
            div.setAttribute('onclick', fillfunction);
            var i = document.createElement('i');
            i.setAttribute('class', fontawesome);

            div.appendChild(i);
            td.appendChild(div);
            tr.appendChild(td);
        }
    });
}