CODEWITHSUNDEEP
phpjqueryajaxlaravel
Cowgirl
Cowgirl

Reputation: 1494

Ajax LARAVEL 419 POST error

I would really appreciate some help on this. I tried tons of solutions as posted in this forum, but I cannot get it to work.

My ajax call is something like

$(document).ready(function() {
    $("#company").click(function() {
        $.ajax({
            type: "POST",
            dataType:'html',
            url : "/company",
            success : function (data) {
                $("#result").html(data);
            }
        });
    });
});

I am calling the view through my route

Route::post('/company', 'Ajaxcontroller@loadContent');

And controller

public function loadContent()
    {
        return view('listing.company')->render();
    }

My company.blade.php is 

    @foreach ($companies as $company)
            <div class="posting-description">
            <h5 class="header"><a href="#"></a>{{$company->name}}
            </h5>
            <h5 class="header"> {{$company->streetaddress}} {{$company->postalcode}}</h5>  
            <p class="header">
             <span class="red-text"> <?= $service; ?> </span> is available on <span class="green-text"><?php echo $date; ?></span>
           </p>
    @endforeach

I am getting this error

POST http://127.0.0.1:8234/company 419 (unknown status)

Upvotes: 66

Views: 155725

Answers (11)

Witold
Witold

Reputation: 893

for me this happens now and then when running a unit test

php artisan config:clear

helped me

Upvotes: 0

Agni Sankar Chakraborty
Agni Sankar Chakraborty

Reputation: 19

Step 1: Put the csrf meta tag in head

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <title>Document</title>
</head>
<body>

Step 2: Use this ajax format

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
    $(document).ready(function(){
      $("#frm").submit(function(e){
        e.preventDefault();
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
            });
        $.ajax({
                url:"{{ url('form_submit') }}",
                data:$('frm').serialize(),
                type:'post',
                success: function(result){
                    console.log(result);
                }
        });
      });
    });
</script>

Upvotes: 2

Dhiraj
Dhiraj

Reputation: 2767

Laravel 419 post error is usually related with api.php and token authorization

Laravel automatically generates a CSRF "token" for each active user session managed by the application. This token is used to verify that the authenticated user is the one actually making the requests to the application.

Add this to your ajax call

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

or you can exclude some URIs in VerifyCSRF token middleware

 protected $except = [
        '/route_you_want_to_ignore',
        '/route_group/*
    ];

Upvotes: 143

eldorjon
eldorjon

Reputation: 332

You may also get that error when CSRF "token" for the active user session is out of date, even if the token was specified in ajax request.

Upvotes: 1

EXayer
EXayer

Reputation: 140

Had the same problem, regenerating application key helped - php artisan key:generate

Upvotes: 3

eli
eli

Reputation: 187

I received this error when I had a config file with <?php on the second line instead of the first.

Upvotes: 1

Adnan Rasheed
Adnan Rasheed

Reputation: 876

419 error happens when you don`t post csrf_token. in your post method you must add this token along other variables.

Upvotes: 14

Francisco Isidori
Francisco Isidori

Reputation: 151

I had the same issue, and it ended up being a problem with the php max post size. Increasing it solved the problem.

Upvotes: 1

teeyo
teeyo

Reputation: 3755

In your action you need first to load companies like so :

$companies = App\Company::all();
return view('listing.company')->with('companies' => $companies)->render();

This will make the companies variable available in the view, and it should render the HTML correctly.

Try to use postman chrome extension to debug your view.

Upvotes: 0

Александр Волошиновский
Александр Волошиновский

Reputation: 1151

In laravel you can use view render. ex. $returnHTML = view('myview')->render(); myview.blade.php contains your blade code

Upvotes: 0

Lulceltech
Lulceltech

Reputation: 1702

You don't have any data that you're submitting! Try adding this line to your ajax:

data: $('form').serialize(),

Make sure you change the name to match!

Also your data should be submitted inside of a form submit function.

Your code should look something like this:

<script>
	$(function () {
		$('form').on('submit', function (e) {
			e.preventDefault();
			$.ajax({
				type: 'post',
				url: 'company.php',
				data: $('form').serialize(),
				success: function () {
					alert('form was submitted');
				}
			});
		});
	});
</script>

Upvotes: 1

Related Questions