Как добавить файл CSV в таблицу в HTML / ajax / JS? - PullRequest
0 голосов
/ 25 апреля 2020

Мой скрипт:

<div class="container--wrap" id="datatable">

          <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
          <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" />
          <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
          <script>
            $(document).ready(function(){
              $(window.onload) = function(){
                $.ajax({
                url:"datatable95.csv",
                dataType:"text",
                  success:function(data)
                  {
                    var employee_data = data.split(/\r?\n|\r/);
                    var table_data = '<table class="table table-bordered table-striped">';
                    for(var count = 0; count<employee_data.length; count++)
                    {
                    var cell_data = employee_data[count].split(",");
                    table_data += '<tr>';
                    for(var cell_count=0; cell_count<cell_data.length; cell_count++)
                    {
                      if(count === 0)
                      {
                      table_data += '<th>'+cell_data[cell_count]+'</th>';
                      }
                      else
                      {
                      table_data += '<td>'+cell_data[cell_count]+'</td>';
                      }
                    }
                    table_data += '</tr>';
                    }
                    table_data += '</table>';
                    $('#datatable').html(table_data);
                  }
                });
              });
            });
            </script>
        </div>

Обертка контейнера работает нормально. Однако таблица на самом деле не отображается на моем сайте. Кто-нибудь знает почему?

Файл CSV работает нормально, он правильно отформатирован - я считаю, что это просто этот код.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...