Mise à jour div en ajax et php
Bonjour,
je me lance dans l'ajax et je suis confronté au problème suivant:
J'ai un tableau html qui reprend une boucle php de cette façon (code opérationel):
Code:
1
2
3
4
5
6
7
| while($row = $select_facilities -> fetch_array()){
echo $row['pseudo']."a écrit";
echo '<div class="com">';
echo $row['com'].'<a href="?section=delete&id='.$row['id'].'">*</a>';
echo '</div>';
echo '<hr>';
} |
Au dessus du tableau généré par ma boucle php, je mets un simple formulaire pour ajouter un enregistrement. Voici comment je fais (code opérationel):
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
| $(function(){
$(".success").hide();
$(".formcom").submit(function(){
pseudo = $(this).find("input[name=pseudo]").val();
message = $(this).find("textarea[name=message]").val();
$.post("http://localhost/directory/admin/tools/ajax/add.php",{pseudo:pseudo,com:message},function(data){
if(data!="ok"){
$(".error").empty().append(data);
}
else{
$(".error").hide();
$(".success").show(1000).delay(2500).hide(1000);
$("#resultatAjax").append(pseudo+" a écrit: <div class=\"com\">"+message+"</div>").slideDown();
$(".formcom").fadeOut();
//recharge la page
//window.location.reload();
}
});
return false;
});
}); |
Le résultat de ma requête ajax/ php fonctionne.
Cependant, chaque ligne de ma boucle est éditable (modifier, supprimer, activer) par l'id dans l'url.
Donc vraisemblablement je dois mettre le résultat de ma dernière requête dans ma boucle pour que le dernier enregistrement soit éditable par l'ID; ce qui, je pense engendre un rafraichissement de la page... Cela ne m'arrange pas... Car si je ne sais pas le faire autrement, je préfère le faire en pur PHP.
Comment puis-je intégrer le résultat de ma dernière requête dans ma boucle sans rechargement visible de ma page?
Si quoi que ce soit est une erreur de ma part, merci de me mettre sur la bonne voie ;-)
Pouvez vous éclairer ma lanterne?
Merci d'avance,
David
