Ggtcf

Hello i wnat to send my data with ajax to my controller.

My CODE

AJAX

 $.ajax( 
 type:'POST',
 header:
 'X-CSRF-TOKEN':$('meta[name="csrf-token"]').attr('content')
 ,
 url:"route('race.post')",
 data:
 _token: " csrf_token() ",
 dataType: 'json', 
 contentType:'application/json', 
 


)
.done(function() 
 alert('success');
)
.fail(function() 
 alert("error");
);

CONTROLLER

 public function Points(Request $request)
 $test = $request->input('data');
 return "$test";

ROUTE

Route::post('updateC', ['uses' =>'RacesController@Points', 'as' => 'race.post']); 

And there are the errors what i get.

Console

Network-preview

Network-Response

Since you are working in a JavaScript file and not in a Blade file, the route() helper method is not working, and the route 'race.post' isn't parsed to an url.

Try to change the url to this:

url: '/updateC'

When you want to use the route() helper in your JavaScript, you have to add the script to a Blade file, and json_encode the value, you can read more about this in this answer.

I have different way to use it:
AJAX

data = 
 selectmanufacturer: selectmanufacturer,
 categories: selectCategory,
 _token: "csrf_token()",
 productName: productName
 ;
 $.ajax(
 url: 'URL::to('/all-products-data')',
 type: 'POST',
 dataType: 'json',
 data: data,
 success: function (response) 
 ,
 error: function (response) 
 alert(response);
 
 );

Controller:

public function Points(Request $request)
 $test = $request->all();
 return "$test";

I hope It will be helpful to you

The URL you’re posting to doesn’t look right in the console output you posted. In your AJAX code, you have this:

url:"route('race.post')"

But that’s just getting interpreted as is, it’s not getting interpreted as the value of that route in Laravel.

You’ll need to make sure that your JavaScript code is in a Blade template if you want Blade tags parsed.

not type: "POST", method :'POST" try the below code i have modified. ref: Reference Link
HTML code

<button onClick="onBtnClick()" data-url="route('race.post')"></button>

Updated Code

function onBtnClick()
 var token = $('meta[name="csrf-token"]').attr('content');
 var url = $(this).attr("data-url"); 
 $.ajax( 
 method:'POST',
 header:
 'X-CSRF-TOKEN': token
 ,
 url: url,
 data:
 _token: token,
 dataType: 'json', 
 contentType:'application/json', 
 
 )
 .done(function() 
 alert('success');
 )
 .fail(function() 
 alert("error");
 );

add this one in your layout.blade file

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

then use this one in your js code

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

i hope this will help!!