function loadData(path) {

    $.get(path, function (result) {
        var lines = result.split("\n");
        for (var line = 0; line < lines.length; line += 8) {
            var data0, data1, data2, data3, data4, data5, data6, data7;
            data0 = lines[line];
            data1 = lines[line + 1];
            data2 = lines[line + 2];
            data3 = lines[line + 3];
            data4 = lines[line + 4];
            data5 = lines[line + 5];
            data6 = lines[line + 6];
            data7 = lines[line + 7];
            var table = document.getElementById("myTable");
            var row = table.insertRow(document.getElementById('myTable').rows.length);
            var cell1 = row.insertCell(0);
            var cell2 = row.insertCell(1);
            var cell3 = row.insertCell(2);
            var cell4 = row.insertCell(3);
            var cell5 = row.insertCell(4);
            var cell6 = row.insertCell(5);
            var cell7 = row.insertCell(6);
            var cell8 = row.insertCell(7);
            cell1.outerHTML = "<th scope=\"row\" class=\"data\">" + data0 + "</th>";
            cell2.innerHTML = "<div>" + data1 + "</div>";
            cell3.innerHTML = "<div>" + data2 + "</div>";
            cell4.innerHTML = "<div>" + data3 + "</div>";
            cell5.innerHTML = "<div>" + data4 + "</div>";
            cell6.innerHTML = "<div>" + data5 + "</div>";
            cell7.innerHTML = "<div>" + data6 + "</div>";
            cell8.innerHTML = "<div>" + data7 + "</div>";
        }
    });
}