How to get input text value from AJAX to symfony controller - ajax

Question

I have a problem to get my input text value in my controller.
This is my AJAX script:
$(document).ready(function() {
$('#valider').click(function () {
var searchText = $('#searchText').val();
$.ajax({
type: "POST",
url: "/firstproject/web/app_dev.php/parc/searchmodel/"+searchText,
data:{'type':searchText},
success: function (response) {
console.log(response);
},
error: function (response,xhr,status) {
alert("erroe"+status);
}
});
});
});
This is my view.twig where I have a text input:
{% block javascripts %}
<script src="{{ asset('bundles/js/jquery.min.js') }}"></script>
<script src="{{ asset('bundles/js/script.js') }}"></script>
{% endblock %}
<input type="text" id="searchText" name="searchText" value=" "placeholder="search by libel">
<input id="valider" type="submit" value="valider">
<h1>La liste des modeles</h1>
<table border="1">
<tr>
<th>Id</th>
<th>Libelle</th>
<th>pays</th>
<th>modifier</th>
<th>supprimer</th>
</tr>
{% for m in mod %}
<tr>
<td>{{ m.id }}</td>
<td>{{ m.libelle}}</td>
<td>{{ m.pays }}</td>
<td>
modifier
</td>
<td>supprimer</td>
</tr>
{% endfor %}
</table>
This is my controller action:
public function searchAction(Request $request){
$request->request->get('type');
dump($request);
$em = $this->getDoctrine()->getManager();
$modele = $em->getRepository("EspritParcBundle:Modele")
->searchbyLib($request);
return $this->render("EspritParcBundle:Modele:searchmodel.html.twig",array('mod'=>$modele));
}
This is my custom function searchbylib:
class ModeleRepository extends EntityRepository
{
public function searchbyLib($libele)
{
$em = $this->getEntityManager()
->createQuery('SELECT m FROM EspritParcBundle:Modele m
WHERE m.libelle LIKE :libele')
->setParameter('libele',$libele);
dump($em->getResult());
return $em->getResult();
}
}
And finally, my routing file:
searchmodel:
path: /searchmodel/{type}
defaults: { _controller: EspritParcBundle:Modele:search}
This is my output:
When entering "BMW" in the text field then click on the validation button, I would like it to show me only BMW models and the url to be redirected.

Answer 1

view.html.twig
{% block javascripts %}
<script src="{{ asset('bundles/js/jquery.min.js') }}"></script>
<script src="{{ asset('bundles/js/script.js') }}"></script>
{% endblock %}
<form action="{{ path('searchmodel') }}" method="POST">
<input type="text" id="searchText" name="searchText" value=" "placeholder="search by libel">
<input id="valider" type="submit" value="valider">
</form>
<h1>La liste des modeles</h1>
<table border="1">
<tr>
<th>Id</th>
<th>Libelle</th>
<th>pays</th>
<th>modifier</th>
<th>supprimer</th>
</tr>
{% for m in mod %}
<tr>
<td>{{ m.id }}</td>
<td>{{ m.libelle}}</td>
<td>{{ m.pays }}</td>
<td>
modifier
</td>
<td>supprimer</td>
</tr>
{% endfor %}
</table>
routing file:
searchmodel:
path: /searchmodel
defaults: { _controller: EspritParcBundle:Modele:search}
controller :
public function searchAction(Request $request){
$request = $request->get('type');
$em = $this->getDoctrine()->getManager();
$modele = $em->getRepository("EspritParcBundle:Modele")
->searchbyLib($request);
return $this->render("path:to:view.html.twig",array('mod'=>$modele));
}

Answer 2

The $type parameter is passed through the query string
searchmodel:
path: /searchmodel/{type}
defaults: { _controller: EspritParcBundle:Modele:search}
So you can directly add it to the parameter of the method like this :
public function searchAction(Request $request, $type)
{
$em = $this->getDoctrine()->getManager();
$modele = $em->getRepository("EspritParcBundle:Modele")
->searchbyLib($request);
return $this->render("path:to:view.html.twig",array('mod'=>$modele));
}
Is that help you?

Answer 3

I found out that in my controller $request = $request->get('type'); always return null, so I've tried with $lib = $request->getContent(); and then I did dump($lib); to display what it contains and here is the output:
So after that, I used substr function to extract only the text value and delete the rest and everything is working well.