Can not access request data from ajax post request in symfony 3 - php

Question

I am using symfony 3.4 and I would like to send some data to controller but I do not know why I can not access it like it is show in symfony documentation:
This is my js function:
function sendQuantitiesToController() {
// Validate data
var validation = validateQuestionnaireReviewFormData();
if (validation === false) {
return false;
}
// Get form data
var data = getReviewFormComponentsData();
var id = document.getElementById('questionnaire-id').innerText;
// Send data
$.post("http://localhost:8000/questionnaire/"+id+"/review", {
components: data.components,
optional_components: data.optional_components
},
function(response, status) {
if (status == 'success') {
return true;
} else {
return false;
}
});
}
And this is my Controller function:
/**
* Questionnaire result review
*
* #Route("/questionnaire/{id}/review", name="_questionnaire_review", requirements={"id" = "\d+"})
* #Template()
*/
public function questionnaireReviewAction(Request $request, $id)
{
$form = $this->createForm(ResultOverviewType::class, $result);
$contactForm = $this->createForm(ContactType::class, $contact);
if ($request->isMethod('POST')) {
// Get data from request
$components = $request->request->get('components');
$optionalComponents = $request->request->get('optional_components');
...
}
}
return [
'form' => $form->createView(),
'contactForm' => $contactForm->createView(),
'questionnaire' => $questionnaire
];
}
Twig Template:
{{ form_start(contactForm, {'attr': {'onsubmit': 'return sendQuantitiesToController();'}}) }}
{{ form_widget(form) }}
{{ form_widget(contactForm) }}
{{ form_end(form) }}
The problem is that the $request->request->get('components') in controller is always null, but I checked getReviewFormComponentsData() with console.log and there is data there so the problem is probably with ajax post request. What I am doing wrong? Can anyone help me?
Thanks for help!

Answer 1

To get request data from ajax request in Symfony Controller you should simply do that:
public function questionnaireReviewAction(Request $request, $id)
{
$form = $this->createForm(ResultOverviewType::class, $result);
$contactForm = $this->createForm(ContactType::class, $contact);
if ($request->isMethod('POST')) {
// Get data from request
$data = $request->getContent();
$data = json_decode($data, true);
$components = $data['components'];
$optionalComponents = $data['optional_components'];
...
}
...
}