Как запустить PHP-запрос в DataTables с помощью Ajax и вернуть данные в модальном

Question

Я использую DataTables и хочу выполнить полную операцию CRUD через модальный режим.Но когда я нажимаю кнопку ввода, я получаю сообщение об ошибке без подтверждения: Uncought Error .

На самом деле я отправляю обновленные данные из модального файла в insert.php для обновления информации в базе данных.

Любое решение?

 <input type='button' name='edit' value='$name' id='$serial_number' 
  class='btn btn-info btn-xs edit_data'/>
 <a style='display: none;'>$name</a>

Вот код:

<script>  
$(document).ready(function(){  
  $('#add').click(function(){  
       $('#insert').val("Insert");  
       $('#insert_form')[0].reset();  
  });  
  $(document).on('click', '.edit_data', function(){  
       var employee_id = $(this).attr("id");  
       $.ajax({  
            url:"./includes/fetch.php",  
            method:"POST",  
            data:{employee_id:employee_id},  
            dataType:"json",  
            success:function(data){  
                 $('#name').val(data.name);    
                 $('#age').val(data.in_use);  
                 $('#scrap').val(data.used);   
                 $('#employee_id').val(data.serial_number);  
                 $('#insert').val("Update");  
                 $('#add_data_Modal').modal('show');  
            }  
       });  
  });  

  $('#insert_form').on("submit", function(event){  
       event.preventDefault();  
       if($('#name').val() == "")  
       {  
            alert("Name is required");  
       }  
       else  
       {  
            $.ajax({  
                 url:"./includes/insert.php",  
                 method:"POST",  
                 data:$('#insert_form').serialize(),  
                 beforeSend:function(){  
                      $('#insert').val("Inserting");  
                 },  
                 success:function(data){  
                      $('#insert_form')[0].reset();  
                      $('#add_data_Modal').modal('hide');  
                      $('#employee_table').html(data);  
                 }  
            });  
       }  
  });  
  $(document).on('click', '.view_data', function(){  
       var employee_id = $(this).attr("id");  
       if(employee_id != '')  
       {  
            $.ajax({  
                 url:"./includes/select.php",  
                 method:"POST",  
                 data:{employee_id:employee_id},  
                 success:function(data){  
                      $('#employee_detail').html(data);  
                      $('#dataModal').modal('show');  
                 }  
            });  
       }            
  });  
});  

 </script>