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

Tips Mengetahui Error Ajax Jquery

Jika kita menggunakan Ajax Jquery dan kita ingin mengetahui error nya, kita bisa menggunakan script di bawah ini :

error: function(xhr, status, error) {
var err = eval(“(” + xhr.responseText + “)”);
alert(err.Message);
}

code di atas tinggal dimasukkan ke dalam syntax ajax

$.ajax({

…….

});

sumber : http://stackoverflow.com/questions/1637019/how-to-get-the-jquery-ajax-error-response-text

Membuat Count Down Timer Javascript Jquery

Hari saya membuat Count Down Timer dari Javasript Jquery , logikanya simple , mengurangi variable dengan angka satu dan diulang tiap satu detik

Berikut source code kasus saya  :

<h4>Please Wait….<span class=”time”>5</span> seconds to Google.com</h4>

<script>
$(function(){

timer();

function timer()
{
setTimeout(function(){
var time_span = $(‘.time’).html();
var time = parseInt(time_span);
var t = time – 1;
if(t == 0)
{
window.location.href = “http://google.com&#8221;;
}else{

$(‘.time’).html(t);

timer();
}

},1000);
}
});
</script>