Laravel 7.x and 6.x csrf token mismatch in Jquery Ajax POST Request

Hi Guys,

In this post, i will show you how to solve csrf token mismatch error in php laravel. ajax is a more usable resource in web development. whenever you are write code of jquery ajax post, delete, put or patch request then you must pass csrf token as "_token" field in your blade file.

So, if you don't know how to send csrf token into ajax post request or you found any error when you work with jquery ajax request then you can solve it simply by following simple tips.

Laravel provide csrf_token() helper to generate csrf token. you can directly use that helper or you can set metadata and you that in ajax request as parameter. So, let's see both example.

Example 1:

$.ajax({
   type: "POST",
   data: {"_token": "{{ csrf_token() }}","id": id},
   url: YOUR_URL,
   success: function(msg){
       /* Here will be Ajax Response  /*
   }
});

Example 2:

In blade file top:

<meta name="csrf-token" content="{!! csrf_token() !!}">

$.ajax({
   type: "POST",
   data: {"_token": $('meta[name="csrf-token"]').attr('content'),"id": id},
   url: YOUR_URL,
   success: function(msg){
       /* Here will be Ajax Response  /*
   }
});

I hope it can help you...