How to fix Laravel HttpKernel\Exception error

Question

I'm new to Laravel. I'm attempting a simple Ajax request however I get the following error message. What does this mean?

{message: "", exception: "Symfony\Component\HttpKernel\Exception\HttpException",…} exception: "Symfony\Component\HttpKernel\Exception\HttpException" file: "C:\MAMP\htdocs\project_21_my_laravel_website\vendor\laravel\framework\src\Illuminate\Foundation\Exceptions\Handler.php" line: 204 message: ""

index.blade.php

<div class="myTestLink">my Test Link</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $(".myTestLink").click(function(){
        $.ajax({
            method: 'post',
            dataType: 'json',
            url: 'insert-ajax',
            success: function (data)
            {
                alert(data);
            }
        });

    });
});
</script>

web.php

Route::post('/insert-ajax', 'myTestController@testingsomething');

myTestController.php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

class myTestController extends Controller
{
    public function testingsomething()
    {
        return "hello";
    }
}

vedat_yenerer333 · Accepted Answer · 2019-05-04 16:25:03Z

4

You must use CSRF token.

Please add the meta tag within the head tag in the blade file.

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

Then change your javascript like this.

$(document).ready(function () {
        $(".myTestLink").click(function(){
            $.ajax({
                method: 'post',
                dataType: 'json',
                url: 'insert-ajax',
                beforeSend: function (request) {
                        return request.setRequestHeader('X-CSRF-Token', $("meta[name='csrf-token']").attr('content'));
                    },
                success: function (data)
                {
                    console.log(data)
                }
            });

        });
}

edited May 4, 2019 at 16:25

vedat_yenerer333

411 silver badge6 bronze badges

answered May 1, 2019 at 19:19

Rashed Hasan

3,77111 gold badges43 silver badges91 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Priyanka Khade Over a year ago

I had used that but still issue is there

Saibal Roy · Accepted Answer · 2019-05-01 19:14:46Z

1

Please add the meta tag within the head tag in the blade file.

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

Then in the scripts section please add the following:

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

For reference you can go through this the documentation doc. Hope this helps and solves the issue. Thanks.

answered May 1, 2019 at 19:14

Saibal Roy

4412 silver badges5 bronze badges

Collectives™ on Stack Overflow

How to fix Laravel HttpKernel\Exception error

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related