Предупреждение DataTables: идентификатор таблицы = идентификатор - Ajax ошибка - PullRequest
Новая
       8

Предупреждение DataTables: идентификатор таблицы = идентификатор - Ajax ошибка

0 голосов
/ 27 января 2020

У меня есть DataTable, который будет установлен CRUD с sweetalert base, но когда я делаю функцию удаления, я нахожу предупреждение об ошибке ajax, и когда я нажимаю ОК, функция запускается, но Sweetalert работает хорошо и удаленные данные удаляются, но функция перезагрузки не работает.

Js Таблица данных: 

 $(document).ready(function() {

$('#gg').DataTable( {

    serverSide: true,
    ajax: "JSON",

    "dom": 

    "<'main-card mb-3 card'"+
        "<'card-header h-table'"+
            "<f>"+

            "<'btn-actions-pane-right actions-icon-btn'"+
                "<'btn-group dropdown'"+
                    "<B>"+
                ">"+
            ">"+

        ">"+

        "<'h-body2'"+
            "<''"+
                "<'col-sm-12 card-body h-body'tr>"+
            ">" +
        ">"+

        "<'d-block card-footer'"+
            "<'row'"+
                "<'col-sm-12 col-md-4'l>"+
                "<'col-sm-12 col-md-4'i>"+
                "<'col-sm-12 col-md-4'p>"+
            ">"+
        ">"+
    ">",

    "oLanguage": {
         "sSearch": "Cari: ",
         "sLengthMenu": "Tampilkan _MENU_ data per tabel",
         "sInfo": "Menampilkan _END_ dari _TOTAL_ data"
    },

    buttons: [
    {
        extend: 'excel',
        text: '<i class="fa fa-file-excel-o"></i> Excel',
        messageTop: null
    },
    {
        extend: 'pdf',
        text: '<i class="fa fa-file-pdf-o"></i> PDF',
        messageBottom: null
    },
    ]
} );

$("div.icon").html('<i class="header-icon pe-7s-user icon-gradient bg-plum-plate"></i>Header Menu');

} );

Js Sweetalert delete : 

$('body').on('click', '.first', function (event) {
    event.preventDefault();

    var me = $(this),
    url = me.attr('href'),
    title = me.attr('title'),
    csrf_token = $('meta[name="csrf-token"]').attr('content');

    swal({
        title: 'Are you sure want to delete ' + title + ' ?',
        text: 'You won\'t be able to revert this!',
        type: 'warning',
        showCancelButton: true,
        confirmButtonColor: '#3085d6',
        cancelButtonColor: '#d33',
        confirmButtonText: 'Yes, delete it!'
    }).then((result) => {
        if (result.value) {
            $.ajax({
                url: url,
                type: "POST",
                data: {
                    '_method': 'DELETE',
                    '_token': csrf_token
                },

                success: function (response) {
                    $('#gg').DataTable().ajax.reload();
                    swal({
                        type: 'success',
                        title: 'Success!',
                        text: 'Data has been deleted!'
                    });
                },
                error: function (xhr) {
                    swal({
                        type: 'error',
                        title: 'Oops...',
                        text: 'Something went wrong!'
                    });
                }
            });
        }
    });
});

Табельный клинок: 

<table id="gg" class="mb-0 table table-hover ht-table">
        <thead>
            <tr>
                <th>No</th>
                <th>Nama</th>
                <th>email</th>
                <th>Action</th>
            </tr>
        </thead>
        <tbody>
            @php
            $no=1;
            @endphp
            @foreach($guru as $gur)
            <tr>
                <td>{{$no++}}</td>
                <td>{{$gur->name}}</td>
                <td>{{$gur->email}}</td>
                <td>
                    <div class="text-center">
                        <a  href="#!" class="btn-icon btn-icon-only btn-shadow btn btn-warning text-white">
                            <i class="fa fa-edit btn-icon-wrapper"></i>
                        </a>

                        <a href="{{route('AdminSekolahDeleteGuru', $gur->id)}}" class="first btn-icon btn-icon-only btn-shadow btn btn-danger text-white" title="{{$gur->name}}">
                            <i class="fa fa-trash btn-icon-wrapper"></i>
                        </a>

                    </div>
                </td>
            </tr>
            @endforeach     
        </tbody>

    </table>
...