Error ajax jquery 500 internal server error

Saya sudah memberi code ini di jquery

$.ajaxSetup({
                    headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    }
                });

tetapi tetap masih 500 internal server error :

in di header nya :

<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.21/css/jquery.dataTables.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script>
<meta name="csrf-token" content="{{ csrf_token() }}">

ini full query nya :

 $('#DataAnnounce').DataTable( {
        processing: true,
        serverside: true,
        order: [ [0, 'desc'] ],
        ajax: "{{route('ajax.get.data.announce')}}",
        columns:[
            {data:'title',name:'title'},
            {data:'pengumuman',name:'pengumuman'},
            {data:'id',
                "searchable": false,
                "sortable": false,
                render: function (id, type, full, meta) {
                    return 'Delete';
                },
            },
        ]
    } );

 $(document).on('click','.btn-danger',function(){

       var id = $(this).data("id");
                $.ajaxSetup({
                    headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    }
                });
                $.ajax({
                type:'DELETE',
                url:"/deleteAnnounce/"+id,
                dataType:'json',
                data: {'id': id},
                success: function (data) {
                  alert(data.success);
                },
                Error: function(data){
                alert('gagal');
                }
        });
    });
//saya sudah mencari kesana kemari masih belum ketemu problem nya tolong yaa