send data from jQuery to laravel controller

Question

i'm using laravel and i want to receive data from jQuery to my controller to insert it to the database , i tried many methodes but without success this is my script :

$.ajaxSetup({
   headers: { 'X-CSRF-Token' : $('meta[name=_token]').attr('content') }
});
$.ajax({
   url:'/test',
   type: 'POST',
   dataType: 'JSON',
   data: {
      "name": "Name",
      "color": "red",
    },
});

and the controller :

public function test()
{
  if(Request::ajax()) {
      $data = Input::all();
  }
  dd(json_decode($data));  
}

and finally the Route :

Route::post('/test',[
    'uses' => 'TagsController@test'
]);

it seems ok for me but the result :( :

Route::post('test', 'TagsController@test'); php artisan route:list in command line to check if the route registered. Clear the route cache and config if it did not — Indra
– Indra, Commented Apr 11, 2018 at 21:44
also $.ajax({ method: "POST", url: "some.php", you need to use method not type. Check the manual — Indra
– Indra, Commented Apr 11, 2018 at 21:47
@Indra You can use type or method. While type is deprecated, it has not been removed, nor does it have a removal estimate. — Ohgodwhy
– Ohgodwhy, Commented Apr 11, 2018 at 21:55
@Ohgodwhy I know, but it's better to not have to update your code every time you update a library. Also better for the poor souls who come after you. I always recommend doing as the manual says. — Indra
– Indra, Commented Apr 11, 2018 at 21:57
i removed the type and i cheked the route but the same problem — Amor.o
– Amor.o, Commented Apr 11, 2018 at 22:23

Jay · Accepted Answer · 2018-04-13 01:02:34Z

1

Maybe the problem is in your controller, because you don't tell the server, which table do you want to use to store your data or maybe because of your url.. jquery does not understand what is {{}}

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

$.ajax({
    url: '/test',
    method: 'post',
    data: $('#form-id').serialize(), // prefer use serialize method
    success:function(data){
        console.log(data);          
    }
});

Controller:

use Illuminate\Http\Request;

public function test(Request $request)
{
  if($request::ajax()) {
      $data = $request->color;
  }
  dd(json_decode($data));  
}

I am using serialize because It's so powerful, I don't need to input one by one the field name

I don't know if your controller is used for only retrieve the data from client or you want to use ajax to store your data in database.. so, I am using $request->color to make sure that the data is retrieved from the client side

edited Apr 13, 2018 at 1:02

answered Apr 12, 2018 at 4:11

Jay

1,7064 gold badges24 silver badges51 bronze badges

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

2 Comments

Amor.o Over a year ago

i tried this but it tells me : Non-static method Illuminate\Http\Request::ajax() should not be called statically

Amor.o Over a year ago

thanks , it works but with juste when i changed use Illuminate/http/request by use Request directly

ZeroOne · Accepted Answer · 2018-04-13 01:51:18Z

0

Add this meta tag in main blade page

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

And instead of old scholl jquery ajax.. just use Axios. it exist inside app.js. simple and very easy. it already detect the csrd-token meta tag. so no need to do in the form or header

change this

$.ajax({

    url: '{{route("test")}}',
    method: 'post',
    data : {
       "name": "Name",
       "color": "red",
    },
    success:function(data){
        console.log(data);          
    }

});

to this

axios.post('{{route("test")}}', {
    "name": "Name",
    "color": "red"
})
.then(function(response) { 
    console.log(response);
});

Your Route must be like this.

Route::post('/test',[
    'uses' => 'TagsController@test'
])->name('test');

Your controller seems fine..

public function test(Request $request)
{
   if($request->wantsJson()) {
      $data = $request::all();
      return $data;
   }
}

edited Apr 13, 2018 at 1:51

answered Apr 12, 2018 at 0:28

ZeroOne

9,1374 gold badges30 silver badges48 bronze badges

1 Comment

Amor.o Over a year ago

i also tried it but it says : Method wantJson does not exist.

Collectives™ on Stack Overflow

send data from jQuery to laravel controller

2 Answers 2

2 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related