jQuery Ajax doesn't send data in POST petition

Question

I'm having a trouble with an Ajax request, I want to post some data using jQuery. I have to say that before with GET it works fine, but I have a lot of data to send and I get: (Request-URI Too Long) so, for that I'm changing to post.

I'm working on Laravel, I changed the route from get to post, the method in the controller is called correctly, but for some reason the ajax petition doesn't send the data (groups and segments).

Groups and segments are Javascript arrays, as I said, it works fine with GET but it fails when the data is too long.

My current code looks like this:

$.ajax({
   type: "POST",
   data: {groups:groups, segments:segments},
   url: "check",
   success: function(msg){ 
             //something... 
          }); 
  });

I tried too adding this lines:

contentType: 'application/json; charset=utf-8',

But I had the same result, I get error 500 when I try to read the variables in the controller.

My route in Laravel is:

Route::post('check',array('as'=>'check','uses'=>'FileController@checkfile'));

if I put return 'Hallo!';the text is returned as well, then, to see all the variables that are sended to the controller I made:

dd(Input::all());

but it prints an empty array. So, for what I see the problem is not the route but the way as I am sending the data with ajax Thanks!

assunming you are using nginx, large_client_header_buffers should solve this issue. http://stackoverflow.com/questions/1067334/how-to-set-the-allowed-url-length-for-a-nginx-request-error-code-414-uri-too — mehany, Mar 08 '16 at 18:54
Have you tried adding a slash before url: '/check'; and als in your Route::post('/check', array.....) ? — Can Celik, Mar 08 '16 at 19:09
As you have mentioned "it fails when the data is too long" Why not try to tweak your nginx config and see what happens! — mehany, Mar 08 '16 at 19:26

Can Celik · Answer 1 · 2016-03-08T19:20:19.613

Try adding a slash to your url:

$.ajax({
   type: "POST",
   data: {groups:groups, segments:segments},
   dataType: 'JSON',
   url: "/check",
   success: function(msg){ 
             //something... 
          }); 
});

Route::post('/check',array('as'=>'check','uses'=>'FileController@checkfile'));

It also seems that there is no CSRF token included with the ajax request. This doesn't matter if you are route is not using web middleware but since you didn't post your all routes.php you should make sure.

If you indeed using web group middleware you can include CSRF token in you header as a meta tag:

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

and pass it with your ajax request.

var CSRF_TOKEN = $('meta[name="csrf-token"]').attr('content');

$.ajax({
   type: "POST",
   data: {_token: CSRF_TOKEN, groups:groups, segments:segments},
   dataType: 'JSON',
   url: "/check",
   success: function(msg){ 
         //something...  
   }); 
});

nothing man, it was the CSRF token. Thank you very much for your time — Sredny M Casanova, Mar 08 '16 at 19:30
No problem. If my answer helped to solve your question please accept as solution. — Can Celik, Mar 08 '16 at 19:32

score 0 · Answer 2 · answered Mar 08 '16 at 19:30

After try a lot of things I noticed that the post request in Laravel need to have attached the CSRF token, so I fix it adding this line in the HTML:

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

and then, in the Ajax request add the beforSend property, then the request will be like this:

$.ajax({
     type: "POST",
     data: {groups:groups, segments:segments},
     url: "check",
     async: true,
     beforeSend: function (request) {
                       return request.setRequestHeader('X-CSRF-Token', $("meta[name='csrf-token']").attr('content'));
                   },
     success: function(msg){ //something...});
});

@mehany yes, Laravel needs the CRSF token for it – Sredny M Casanova Mar 08 '16 at 19:42 — Sredny M Casanova, Mar 08 '16 at 19:42

jQuery Ajax doesn't send data in POST petition

2 Answers2