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 : Sélectionner tout - Visualiser dans une fenêtre à part
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 : Sélectionner tout - Visualiser dans une fenêtre à part
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 php : Sélectionner tout - Visualiser dans une fenêtre à part
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