SyntaxError: JSON.parse: unexpected character
Bonjour,
Je commence tout juste à utiliser ajax et j'ai une erreur sur laquelle je me prends la tête depuis quelques heures.
Je souhaite ouvrir une modal qui contient les informations récupérées dans la base de données. Mon erreur vient surement de parse de json mais je ne vois pas où
Ma fonction lorsque je clique sur le bouton:$
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17
| $(document).on('click','button.editMagasinier', function(e){
var id_utilisateur = $(this).attr('data-idMagasinier');
e.preventDefault();
$.ajax({
url : site_url,
type : 'GET',
data : 'id_utilisateur=' + id_utilisateur,
dataType: 'json',
success : function(data, statut){
editMagasinier(data);
$('#modifier').modal('show');
},
error : function(resultat, statut, erreur){
alert('resultat : ' + resultat + ' | statut : ' + statut + ' | erreur : ' + erreur );
}
});
}); |
ma fonction editMagasinier:
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20
| function editMagasinier(id_utilisateur){
$('h3.titreModifier').empty().append('Modifier les informations magasinier');
var div_edit = $('div.modif');
div_edit.empty();
content= '';
if(id_utilisateur != 0){
content += '<form><fieldset>'
+'<div class="form-group"><label for="nom_utilisateur">Nom</label>'
+'<input type="text" id="nom_utilisateur" class="form-control" value="'+ $('.nom_utilisateur'+id_utilisateur+'').html() +'"></div>'
+'<div class="form-group"><label for="prenom_utilisateur">Prénom</label>'
+'<input type="text" id="prenom_utilisateur" class="form-control" value="'+ $('.prenom_utilisateur'+id_utilisateur+'').html() +'"></div>'
+'<div class="form-group"><label for="email_utilisateur">Adresse e-mail</label>'
+'<input type="text" id="email_utilisateur" class="form-control" value="'+ $('.email_utilisateur'+id_utilisateur+'').html() +'"></div>'
+'<button class="btn btn-default update_utilisateur" name="update_utilisateur" data-idUtilisateur="'+id_utilisateur+'" >Enregistrer</button>'
+'</fieldset></form>';
}
div_edit.append(content);
} |
La vue de base:
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37
| <!-- Affichages des magasiniers et responsables magasinier -->
<div id="listMagasinier">
<table class="table table-striped table-hover">
<thead>
<th class="span2" >Nom</th>
<th class="span3" >Prénom</th>
<th class="span3" >Adresse e-mail</th>
<th class="span3" ></th>
</thead>
<tbody>
<?php
foreach ($magasiniers as $magasinier) {
echo '<tr class="contentUtilisateur" data-idUtilisateur="' . $magasinier->id_utilisateur . '">'
. '<td class="nom_utilisateur'.$magasinier->id_utilisateur.'" >' . $magasinier->nom_utilisateur . '</td>'
. '<td class="prenom_utilisateur'.$magasinier->id_utilisateur.'" >' . $magasinier->prenom_utilisateur . '</td>'
. '<td class="email_utilisateur'.$magasinier->id_utilisateur.'" >' . $magasinier->email_utilisateur . '</td>'
. '<td class="span3" ><button class="btn editMagasinier" data-idMagasinier="' . $magasinier->id_utilisateur . '"><i class="icon-edit"></i> Magasinier</button> '
. '<button class="btn iniMdp" data-idMagasinier="' . $magasinier->id_utilisateur . '"><i class="icon-repeat"></i> Mot de passe</button></td>'
. '</tr>';
}
?>
</tbody>
</table>
</div>
<!-- Modal de modification magasinier -->
<div id="modifier" class="modal hide" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h3 class="titreModifier"></h3>
</div>
<div class="modif modal-body">
</div>
</div> |
Merci d'avance pour votre aide ;)