I have created a form which is having a lot of fields and user can create an unlimited field in it. If a user spends more time on it CSRF token get expires and when he clicks on the submit LARAVEL return the error CSRF token mismatch. So how can I get new CSRF token by using ajax call so I can update the CSRF on a regular time of interval? I can not refresh or reload the form.
Just add this to your script
<script type="text/javascript">
$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
}
});
</script>
And make sure you have added token to your meta tag like below.
<meta name="_token" content="{!! csrf_token() !!}" />
I hope this will work for you.
Link https://laravel.com/docs/5.4/csrf#csrf-x-csrf-token
If you still found the same issue then please review these pieces of stuff
And Make sure you take a look at all answers, not only checked one
In below code you can get new token after login by regenerate() method and return response csrf_token().
Your Controller inside the function
public function refreshToken(Request $request)
{
session()->regenerate();
return response()->json([
"message"=>__("admin/login.login_success"),
"token"=>csrf_token()],
200);
}
Javascript :
$.ajax({
url: "{{url('refresh-token')}}",
type: 'get',
dataType: 'json',
success: function (result) {
$('meta[name="csrf-token"]').attr('content', result.token);
$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': result.token
}
});
},
error: function (xhr, status, error) {
console.log(xhr);
}
});