Fonction jQuery, Ajax pour récupérer des valeurs saisies en input

Bonjour,
J'ai un problème, je suis débutante en jQuery et ajax et je veux lorsque je remplis mes inputs, je peut les récupérer dans une fonction ajax afin de faire un traitement dans le serveur et retourner par le suite le résultat sur même page, j'ai essayé avec la fonction suivante mais elle ne marche pas.
[ <script type="text/javascript">
function fill() {
var val = $('#datedebut').val();
var vall =$('#datefin').val();
var va = $('#matricule').val();
$.ajax({
url : 'getdate',
method : 'get',
ContentType : 'json',
data : {
matricule : va ,
datedebut : val ,
datefin : vall },
success : function(response) {
var options = '';
if (response != null) {
$(response).each(function(index, value) {
options= '<input type="text" value='+value +'>&nbsp;&nbsp;';
});
$('#da').html(options);
}
}
});
})
</script>
<input type="text" id="matricule" />
<input type="date" id="datedebut" />
<input type="date" id="datefin" onchange="fill();"/>
<div id="da"></div>
]

Merci de m'aider je suis bloqué depuis quelques jours .
Modifié par sou87 (29 Apr 2015 - 17:16)

Salut,

Il m'est arrivé de pas pouvoir récupérer mes valeurs parce que je n'avais pas renseigné l’attribut "name" de mes inputs. Peut-être que cela pourrais résoudre ton soucis ?

url : 'getdate',


il faut mettre une extension ???