Getting started with Laravel Eloquent Database Database Seeding Database Migrations Artisan Testing Routing Validation Socialite Blade Templates Valet Services Services Introduction to laravel-5.2 Installation Guide Collections Pagination Deploy Laravel 5 App on Shared Hosting on Linux Server Naming Files when uploading with Laravel on Windows Queues Error Handling Filesystem / Cloud Storage Requests Directory Structure Seeding Middleware HTML and Form Builder Task Scheduling Change default routing behaviour in Laravel 5.2.31 +Events and Listeners Requests Form Request(s)Authentication Route Model Binding Observer Policies Cross Domain Request Cashier use fields aliases in Eloquent Eloquent : Relationship Installation Eloquent: Model Laravel Packages Mail Eloquent: Accessors & Mutators Custom Helper function Getting started with laravel-5.3 Helpers Macros In Eloquent Relationship Constants lumen framework Introduction to laravel-5.3 Authorization CustomException class in Laravel Multiple DB Connections in Laravel Remove public from URL in laravel Permissions for storage Cron basics Useful links Common Issues & Quick Fixes Laravel Docker Sparkpost integration with Laravel 5.4 Controllers Token Mismatch Error in AJAX

Token Mismatch Error in AJAX

Setup Token on Header

Set the token on <head> of your default.blade.php.

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

Add ajaxSetup on the top of your script, that will be accessible to everywhere. This will set headers on each ajax call

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

Set token on <form> tag

Add below function to your <form> tag. This function will generate a hidden field named _token and filled value with the token.

{{csrf_field()}}

Add csrf_token () function to your hidden _token in the value attribute. This will generate only encrypted string.

<input type="hidden" name="_token" value="{{csrf_token()}}"/>.

Check session storage path & permission

Here I assume that project app url is APP_URL=http://project.dev/ts/toys-store

Set the writable permission to storage_path('framework/sessions') the folder.
Check the path of your laravel project 'path' => '/ts/toys-store', the root of your laravel project.
Change the name of your cookie 'cookie' => 'toys-store',

return [
    'driver' => env('SESSION_DRIVER', 'file'),
    'lifetime' => 120,
    'expire_on_close' => false,
    'encrypt' => false,
    'files' => storage_path('framework/sessions'),
    'connection' => null,
    'table' => 'sessions',
    'lottery' => [2, 100],
    'cookie' => 'toys-store',
    'path' => '/ts/toys-store',
    'domain' => null,
    'secure' => false,
    'http_only' => true,
];

Use _token field on Ajax

There are many ways to send _token on AJAX call

Get all input field's value within <form> tag using var formData = new FormData($("#cart-add")[0]);
Use $("form").serialize(); or $("form").serializeArray();
Add _token manually on data of Ajax. using $('meta[name="csrf-token"]').attr('content') or $('input[name="_token"]').val().
We can set as header on a particular Ajax call like below code.

$.ajax({
    url: $("#category-add").attr("action"),
    type: "POST",
    data: formData,
    processData: false,
    contentType: false,
    dataType: "json",
    headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
    }
});

Contributors

Topic Id: 10656

Example Ids: 31988,31989,31990,31991

This site is not affiliated with any of the contributors.