Я пытаюсь загрузить данные из файла csv в файл html и хочу, чтобы они отображались в таблице.

Моя идея заключалась в том, чтобы открыть данные csv и разделить их с помощью этого кода на строки таблицы, а затем на ячейки для строк.

Это мой код до сих пор. Может быть, вы можете помочь мне с тем, что не так? Я благодарен за любую идею!


<body>
    <script src="jquery.min.js"></script>
    <script>
        function readCsv(data) {
            var allRows = data.split(/\r?\n|\r/);
            var table = "<table>";
            for (var singleRow = 0; singleRow < allRows - length; singleRow++) {
                if (singleRow === 0) {
                    table += "<thead>";
                    table += "<tr>";
                } else {
                    table += "<tr>";
                }
                var rowCells = allRows[singleRow].split(',');
                for (var rowCell = 0; rowCell < rowCells.length; rowCell++) {
                    if (singleRow === 0) {
                        table += "<th>";
                        table += rowCells[rowCell];
                        table += "</th>";
                    } else {
                        table += "<td>";
                        table += rowCells[rowCell];
                        table += "</td>";
                    }

                    if (singleRow === 0) {
                        table += "</tr>";
                        table += "</thead>";
                        table += "<tbody>";
                    } else {
                        table += "</tr>";
                    }
                }
                table += "</tbody>";
                table += "</table>";
                $("body").append(table);
            }
            $.ajax({
                url: "world_data_v1.csv",
                dataType: "text"
            }).done(readCsv);
        }

    </script>
</body>
</html>


0
Informatik Studium 28 Окт 2019 в 11:01
1
 – 
Gurupad Hegde
28 Окт 2019 в 11:07

1 ответ

Ваш $.ajax должен быть снаружи readCsv и внутри $(document).(ready)

0
TuringCreep 28 Окт 2019 в 11:23