javascript - How to automatically add X-CSRF-TOKEN with jQuery ajax request in Laravel - Stack Overflow

admin管理员组

文章数量:1310228

How can I add csrf token with my ajax requests (GET or POST) of my Laravel application automatically without adding it manually to each and every request.

My ajax Request

   $.ajax({
      type:'post',
      url: "/email/unique",
      data: { "_token": "{{ csrf_token() }}", "email": email }
      success: function(data) {
        console.log(data);
      }
   });

How can I add csrf token with my ajax requests (GET or POST) of my Laravel application automatically without adding it manually to each and every request.

My ajax Request

   $.ajax({
      type:'post',
      url: "/email/unique",
      data: { "_token": "{{ csrf_token() }}", "email": email }
      success: function(data) {
        console.log(data);
      }
   });

• javascript
• jquery
• ajax
• laravel
• csrf-token

Share Improve this question Follow asked Dec 8, 2018 at 17:12 PrateekPrateek 1,24711 gold badge1717 silver badges3333 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 7

In Laravel the value of the csrf-token meta tag registers by default with the Axios HTTP library. But If you are not using this library, you will need to manually configure this behavior for your application.

To do this, store the token in a HTML meta tag

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

Then, once you have created the meta tag, you can instruct the jQuery library to automatically add the token to all the request headers.

For that add the code to the resources/js/bootstrap.js file for Laravel 5.7 and resources/assets/js/bootstrap.js for Laravel 5.6 and below versions.

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

Ajax without csrf token as it will get added automatically

$.ajax({
      type:'post',
      url: "/email/unique",
      data: { "email": email }
      success: function(data) {
        console.log(data);
    }
 }); 

本文标签： javascriptHow to automatically add XCSRFTOKEN with jQuery ajax request in LaravelStack Overflow