CODEWITHSUNDEEP
phpajaxlaravel
Aleksandar Milivojsa
Aleksandar Milivojsa

Reputation: 385

Laravel is sending GET instead of POST request

I have a problem with Laravel and POST request. My route is defined as POST and method used in AJAX is POST but it keeps sending GET requests. If I change route to undefined route then it sends POST, but if I aim to this route defined as POST it sends GET request.

AJAX:

$.ajax({
    method: "POST",
    url: "{{ url('admin/rentacar/save_availability_for_d') }}",
    headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
    },
    data: $(form).serialize(),
    dataType: "json",
    success(result){
        //
    }
});

Route is defined as:

Route::post('save_availability_for_d', [
    'as' => 'save_availability_for_d', 
    'uses' => 'RentacarController@saveCarAdjustment'
]);

CSRF token is included in meta tags:

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

This is what happens in console when I try to send AJAX request:

XHR finished loading: GET "http://www.carsrental.me/public/me/admin/rentacar/save_availability_for_d".

and this is what happens if I append just one random character at the end to aim for route that doesn't exists

XHR failed loading: POST "http://www.carsrental.me/public/admin/rentacar/save_availability_for_dd".

Upvotes: 6

Views: 7813

Answers (4)

cslotty
cslotty

Reputation: 1797

Very interesting effect that hasn't been described here, yet:

In my case, my URL contained a slash "/" at the end.

Like this:

    $.ajax( '/my-function/', {
        type: 'POST',
        data: {
            'xxx': '{{ $yyy }}',
            '_token': '{{ csrf_token() }}'
        }
    }).done(function(data){
        console.log('DONE data: %o', data);
        if(data) {
            ...            
        }
    }).fail(function(data){
        ...;
    }).always(function(data){
        ...;
    });

The redirect from a POST to a GET was done (by jquery, btw), and I was puzzled.

Removing the slash at the end of the URL fixed it.

I.e. like this:

    $.ajax( '/my-function', {
        type: 'POST',
        data: {
            'xxx': '{{ $yyy }}',
            '_token': '{{ csrf_token() }}'
        }
    }).done(function(data){
        console.log('DONE data: %o', data);
        if(data) {
            ...            
        }
    }).fail(function(data){
        ...;
    }).always(function(data){
        ...;
    });

Upvotes: 2

Corn Colly
Corn Colly

Reputation: 51

As @Claymore has pointed out in the answer above, it's almost always how your server is configured and how you call the API/route. If server is configured to only allow https(port 443) requests, any http(port 80) POST request will be redirected to https by the server and received as a get request. This was my main problem because we had recently installed ssl certificates and didn't change the API call protocol from our mobile app, which resulted in failed/undesired requests.

Upvotes: 4

kmuenkel
kmuenkel

Reputation: 2789

This might not be a Laravel thing. I've seen this happen if the server-configuration is a little off. What was happening was the site was set to be https, and the Apache config was set to redirect http, port 80, requests over to port 443. But in the process, it was losing track of the request-method (and the GET arguments).

Not certain this is your exact problem, that's kind of an all-or-nothing thing. But it might be worth a look.

Upvotes: 12

Mahdi Younesi
Mahdi Younesi

Reputation: 7509

Try this and also don't forget to clear the cache

$.ajax({
      url: '{{route('save_availability_for_d')}}',
      dataType: 'json',
      type: 'POST',
      data: $(form).serialize(),
      success: function (result) {
      }
});

Upvotes: 1

Related Questions