Error 'Method not allowed' ajax jquery when url has parameters (Laravel)

Question

javascript returns a error 'Method not allowed' when it calls to url has parameters.

HTML
1.- <a href="{{ URL::to('acceso', ['option'=>'1']) }}">Acceso</a>
2.- <a href="{{ URL('acceso') }}">Acceso 2</a>

First option return a error. Second option work well.

This is the Route:

Route::get('/acceso/{option?}', function ($option = '') {   
   return view('acceso_Usuario')->with('option', $option);
});

Route::post('call', 'example_Controller@function_example');

This is the Controller:

class example_Controller extends Controller
{
   public function function_example(Request $request)
   {
       if ($request->ajax()) {

           return response()->json([
           ]);

       }
   } 
}

and this is the javascript

$(document).ready(function() {
    var route = "call";
    var token = $("#token").val();

    var parameters=
    {
    };

    $.ajax({
        url: route,
        headers: {'X-CSRF-TOKEN': token},
        type: 'post',
        dataType: 'json',
        data: parameters,
        contentType: 'application/x-www-form-urlencoded',
        success: function (data) {

        },
        error: function (msj) {
            alert("Error Ajax);
        }
    });

 });

someone who can help me! :)

Change this contentType: 'application/x-www-form-urlencoded', to contentType: 'application/json', — Salman Zafar
– Salman Zafar, Commented Oct 18, 2018 at 11:38

Travis Britz · Accepted Answer · 2018-10-18 11:39:47Z

1

Your javascript is making a POST request, but the matching route is defined as allowing only GET,HEAD requests (with Route::get()).

answered Oct 18, 2018 at 11:39

Travis Britz

5,6222 gold badges23 silver badges41 bronze badges

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

4 Comments

madalinivascu Over a year ago

he has Route::post('call', 'example_Controller@function_example');,so he should be able to post

Travis Britz Over a year ago

@madalinivascu yes, but he stated that the first url is the one with the error, and that doesn't match the 'call' route.

madalinivascu Over a year ago

i don't know how the first lines of code are related to the javascript, he is calling an ajax at document ready to a different route, his question makes no sense

Travis Britz Over a year ago

I agree, it's a little unclear. However, the error indicates that the route being hit doesn't allow the method being used, and I'm working from the code provided

Aman Rawat · Accepted Answer · 2018-10-18 12:37:17Z

1

change your ajax url

var url = '{{url("call")}}';

pass csrf token using this way in post method

headers: {

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

},

edited Oct 18, 2018 at 12:37

Aman Rawat

2,6251 gold badge27 silver badges40 bronze badges

answered Oct 18, 2018 at 12:34

Ratilal Mali

111 bronze badge

Comments

Antonio Hidalgo · Accepted Answer · 2018-10-18 17:08:40Z

0

Already solved! I explain my problem because I like that the questions are always solved for when other colleagues have the same problem.

The problem is that adding a parameter to the URL changes the root directory of the javascript file. The solution that I have tried is to introduce 'dynamically' the root directory of our website and in this way Ajax will look for the function correctly.

$(document).ready(function() {

   **var currentDirectory = window.location.href;**
   **var rootDirectory = currentDirectory.substring(0, currentDirectory .indexOf("public") + 6);**

   **var route = rootDirectory + "/call";**
   var token = $("#token").val();

   var parameters=
   {
   };

    $.ajax({
    url: route,
    headers: {'X-CSRF-TOKEN': token},
    type: 'post',
    dataType: 'json',
    data: parameters,
    contentType: 'application/x-www-form-urlencoded',
    success: function (data) {

    },
    error: function (msj) {
        alert("Error Ajax);
    }
   });

});

Thank you all for your help! :)

answered Oct 18, 2018 at 17:08

Antonio Hidalgo

1

1 Comment

madalinivascu Over a year ago

if you had used my answer you shouldn't had that problem because laravel would give you the absolute url to that route

madalinivascu · Accepted Answer · 2018-10-19 05:21:30Z

0

change your route into

 var route = '{{url("call")}}';

this will generate a absoulte url to your route

edited Oct 19, 2018 at 5:21

answered Oct 18, 2018 at 11:43

madalinivascu

32.4k4 gold badges41 silver badges59 bronze badges

Collectives™ on Stack Overflow

Error 'Method not allowed' ajax jquery when url has parameters (Laravel)

4 Answers 4

4 Comments

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

4 Comments

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related