[AJAX] Remplir des champ à partir d'une liste

bonjour tout le monde ,

je veux faire un script qui me permet de remplir les champs d'un formulaire en choisissant une des options de select list

voici mon code :

Formulaire :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<form action=""  method="POST" id="myform" >
<h1>Registration</h1>
    <fieldset class="row1">
        <legend>Espace Locataire</legend>
        <p>
            <label>Locataire *</label>
            <select  id="clid">
                <option value=""></option>
                <option value="Jack brel">Jack brel</option>
                <option value="Louis Vuto">Louis Vuto</option>
            </select>
            <label>email *</label>
            <input type="text"/>
        </p>
        <p>
            <label>Numéro Téléphone*</label>
            <input name="contactPhone" id="contactPhone" type="text"/>
            <label>CIN*</label>
            <input name="cin" id="cin" type="text"/>
        </p>
</form>

voici mon script jquery:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
$(document).ready(function() {
$("#clid").change(function () {
    var url= $("#myform").attr("action");
     $.post(url,{
           clientid:$("#clid").val(),
           other:"attributes"
       },function(data) {                               
           console.info(data);
           //$('#contactPhone').val(data) ;
        });
       return false;
});
    });

et voici mon action :

Code:

1
2
3
4
5
6
7
8
if ($this->getRequest()->isXmlHttpRequest()){
    $idcl=$request->request->get('clientid');
    $statement = $connection->prepare("select cl.cin, cl.contactPhone from client cl where cl.clientID='" . $idcl . "'");
    $statement->execute();
    $details[]=$statement->fetchAll();
    $data= json_encode($details);
    return new Response($data,200,array('Content-Type'=>'application/json'));
}

pour le moment je veux juste récupéré mon data depuis mon action mais en séléctionnant un client j'ai dand mon console ce message d'erreur :

Pièce jointe 153056