Mengatasi Error Ajax Jquery Internal Server Error 500

Saya mengalami error ini dari kemarin, saat membuat ajax pakai jquery. saya memakai laravel di server sidenya. setelah browsing sana sini akhirnya ketemu juga caranya.

Langsung aja ya

  1. Tambahkan script berikut di kode html atas :

<meta name=”csrf-token” content=”{{ csrf_token() }}” />

2. Tambahkan script berikut di Ajax nya :

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

Selesai…..

Adapun kode saya akhirnya seperti ini  :

$(function(){
$(‘#btn-add-copy’).click(function(e){
e.preventDefault();
var url = “{{ url(‘user/admin/bookCollection/manage/addQuantityCopy’) }} “;
var qty = $(‘.copy_quantity’).val();

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

$.ajax({
url : url,
type : “POST”,
data : “qty=”+qty,
error : function(xhr, ajaxOptions, thrownError){
console.log(xhr.status);
console.log(xhr.responseText);
console.log(thrownError);
},
success : function(data){
alert(data);
}
});
});

Alhamdulillah berhasil juga kode saya…..

 

Referensi saya :

https://laravel.io/forum/01-30-2015-laravel5-tokenmismatchexception-in-verifycsrftoken

https://laravel.com/docs/5.0/routing#csrf-protection