I want to send the json data from view to controller using ajax. How can I achieve that?
The data in local storage is
[{"productId":2,"productCost":"630","productQty":"3"}]
Ajax
function saveData(){
const localStorageData=localStorage.getItem('myItems');
$.ajax({
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
},
method:"POST",
url: "{{route('user.plan.insertData')}}",
dataType: "json",
data:{localStorageData:localStorageData,
},
success:function(data){
alert(data);
}
});
}
Controller
function insertData(Request $request)
{
$localStorageData = $request->input('localStorageData');
print_r($localStorageData);exit;
}
correct your ajax like this :
data:{
localStorageData: localStorageData,
'_token' : '{{ csrf_token() }}'
},
and also change the controller like this :
$localStorageData = $request->localStorageData;
remember to add @csrf inside (at the beggining) the form tag.