Как использовать мой код для загрузки файла CSV без кнопки «Загрузить данные»?

Question

Я пытаюсь использовать этот код для отображения файла CSV в моей таблице данных, но я не могу отобразить без кнопки Загрузить данные.Я пытаюсь удалить щелчок (функцию), но не работает.Спасибо за вашу помощь!Это мой код:

<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>
 <div class="container">
   <div class="table-responsive">
    <div align="center">
     <button type="button" name="load_data" id="load_data" class="btn btn-info">Load Data</button>
    </div>
    <br />
    <div id="employee_table">
    </div>


<script>
$(document).ready(function(){
 $('#load_data').click(function(){
  $.ajax({
   url:"http://gyogyszerek.cew.hu/datatable/employee.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>';
    $('#employee_table').html(table_data);
   }
  });
 });
 
});
</script>

Answer 1

Достаточно удалить

 $('#load_data').click(function(){

.

Проблема в том, что вы пытаетесь загрузить ресурс http через местоположение https, действие, которое будет заблокировано большинством современных браузеров по соображениям безопасности.