Rafrichir en ajax sans submit

niceen · 02/02/2008, 01h19

salut ,

j'ai fait un code pour la suppression quand je clique sur un enregistrement il se supprime de la base , je l'ai fait mais le probléme c'est que l'enregitrement il se supprime de la base de donnée mais il s'affiche encore dans la page et si je fais refrichi(actualiser) l'enregistrement il s'affiche pas.moi je veux que la page s'actualise elle meme .

niceen · 02/02/2008, 21h12

voici le code que j'ai fait
*********************mapage.php****************
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>

<body>

<script language="javascript">
function mafon(url)
{

var httpRequest = false;

if (window.XMLHttpRequest) {
httpRequest = new XMLHttpRequest();
if (httpRequest.overrideMimeType) {
httpRequest.overrideMimeType('text/xml');

}
}
else if (window.ActiveXObject) { // IE
try {
httpRequest = new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e) {
try {
httpRequest = new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e) {}
}
}

if (!httpRequest)
{
alert('Impossible de créer une instance XMLHTTP');
return false;
}
httpRequest.onreadystatechange = function() { alertContents(httpRequest); };
httpRequest.open('GET', url, true);
httpRequest.send(null);

}

function alertContents(httpRequest)
{

if (httpRequest.readyState == 4)
{
if (httpRequest.status == 200)
{
httpRequest.responseText;
} else
{
alert('Un problème est survenu avec la requête.');
}
}

}
</script>
<?php
mysql_connect("localhost", "root", "");
mysql_select_db("test");
echo "<table width='35%' border='0' cellspacing='0' cellpadding='0'>";
$sql = "SELECT * from t1";
$result2=mysql_query($sql);
while ($row=mysql_fetch_array($result2))
{
echo"<tr>";
echo "<td><a href='' onClick='supp($row[0])'>".$row[0]."</a><td>";
echo "<td>"?> <a href="javascript:mafon('aj.php?id=<?php echo"$row[0]"; ?>')">supprimer </a> <?php "</td>";
echo"</tr>";
}
echo "</table>";
?>
</body>
</html>
*******************aj.php***********************
<?php
mysql_connect("localhost", "root", "");
mysql_select_db("test");
$id=$_GET['id'];
$sql = "delete from t1 where nom='$id'";
$result2=mysql_query($sql);
?>

karimphp · 03/02/2008, 02h39

t'a manque quelque ligne dans le code ajax
function valid_sup(){
var xhr = getXhr();
xhr.onreadystatechange = function(){
if(xhr.readyState == 4 && xhr.status == 200){
// liste de retour de ta selection affiché ici dans un div en utilisant innerHtml
}}
xhr.open("GET","ajaxsup.php",true);
xhr.send(null);
}

niceen · 03/02/2008, 12h26

Merci je l'ai fait déja le probléme c'est comment acualiser la page en ajax sans submit.

fayred · 03/02/2008, 14h02

Bonjour,

si tu veux actualiser toute la page, pourquoi le faire en ajax?

Apres le traitement ajax un simple window.refresh() en javascript ne suffirait-il pas?

niceen · 03/02/2008, 15h30

Merci,
non je ne veux pas actualiser toute la page je veux seulement que l'enregistrement que j'ai supprimer se supprime aussi de la page quand je click sur supprimer

niceen · 03/02/2008, 17h35

Estce que il y'a une solution ou quelqu'un a tombze sur le meme cas???

fayred · 03/02/2008, 18h33

Tu veux donc juste recharger ta table je suppose...
Alors karimphp t'as déjà en partie répondu :
lorsque tu fait ta suppression avec ajax en php, il faut que tu récupères ta nouvelle table et que tu la réinjectes dans ta page.

Pour la réinjecter plus facilement, je te conseille de mettre ton tableau dans un div.
Dans ton traitement ajax tu récupères le nouveau tableau que tu as construit dans ton script php, tu récupères ton div (contenant l'ancien tableau) et tu utilises innerHTML pour y mettre le nouveau tableau.

J'espère avoir été assez claire...

Ps : Evite de poster pour rien, ça ne donne pas envie de te répondre... Merci!

niceen · 03/02/2008, 19h01

Merci pour votre réponse ,vous pouvez me donner un exemple parce que je suis débutant en ajax et Merci

karimphp · 06/02/2008, 03h36

salut fait un petit recherche sur ajax.updater ca te fait la mise a jour de ton div ou autres éléments de ta page .
n'oublie pas de télécharger le fichier prototype.js

riete · 06/02/2008, 09h57

Ceci pourra peut être t'aider, chez moi ca marche.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
Code JS:
----------------------
function Show_Hide(objID) {
		var obj = document.getElementById(objID);
		if (obj.style.display=='block') {
			obj.style.display='none';
		} else {
			obj.style.display='block';
		}
}
Code HTML/JS dans ta page:
--------------------------------
<input type=button onclick="Show_Hide('linkb');" value=Ici>
<div id=linkb>Voici un message à la noix...</div>

02/02/2008, 01h19	#1
niceen Membre du Club Inscription : avril 2007 Messages : 177 Détails du profil Informations forums : Inscription : avril 2007 Messages : 177 Points : 46 Points : 46	Rafrichir en ajax sans submit salut , j'ai fait un code pour la suppression quand je clique sur un enregistrement il se supprime de la base , je l'ai fait mais le probléme c'est que l'enregitrement il se supprime de la base de donnée mais il s'affiche encore dans la page et si je fais refrichi(actualiser) l'enregistrement il s'affiche pas.moi je veux que la page s'actualise elle meme .
	00

03/02/2008, 14h02	#5
fayred Membre actif Inscription : avril 2007 Messages : 286 Détails du profil Informations personnelles : Localisation : France, Haute Garonne (Midi Pyrénées) Informations forums : Inscription : avril 2007 Messages : 286 Points : 192 Points : 192	Bonjour, si tu veux actualiser toute la page, pourquoi le faire en ajax? Apres le traitement ajax un simple window.refresh() en javascript ne suffirait-il pas? __________________ " Pourquoi y a-t'il quelque chose plutôt que rien? " Leibniz
	00

03/02/2008, 18h33	#8
fayred Membre actif Inscription : avril 2007 Messages : 286 Détails du profil Informations personnelles : Localisation : France, Haute Garonne (Midi Pyrénées) Informations forums : Inscription : avril 2007 Messages : 286 Points : 192 Points : 192	Tu veux donc juste recharger ta table je suppose... Alors karimphp t'as déjà en partie répondu : lorsque tu fait ta suppression avec ajax en php, il faut que tu récupères ta nouvelle table et que tu la réinjectes dans ta page. Pour la réinjecter plus facilement, je te conseille de mettre ton tableau dans un div. Dans ton traitement ajax tu récupères le nouveau tableau que tu as construit dans ton script php, tu récupères ton div (contenant l'ancien tableau) et tu utilises innerHTML pour y mettre le nouveau tableau. J'espère avoir été assez claire... Ps : Evite de poster pour rien, ça ne donne pas envie de te répondre... Merci! __________________ " Pourquoi y a-t'il quelque chose plutôt que rien? " Leibniz
	00

02/02/2008, 21h12	#2
niceen Membre du Club Inscription : avril 2007 Messages : 177 Détails du profil Informations forums : Inscription : avril 2007 Messages : 177 Points : 46 Points : 46	voici le code que j'ai fait *******************mapage.php************** <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Untitled Document</title> </head> <body> <script language="javascript"> function mafon(url) { var httpRequest = false; if (window.XMLHttpRequest) { httpRequest = new XMLHttpRequest(); if (httpRequest.overrideMimeType) { httpRequest.overrideMimeType('text/xml'); } } else if (window.ActiveXObject) { // IE try { httpRequest = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { try { httpRequest = new ActiveXObject("Microsoft.XMLHTTP"); } catch (e) {} } } if (!httpRequest) { alert('Impossible de créer une instance XMLHTTP'); return false; } httpRequest.onreadystatechange = function() { alertContents(httpRequest); }; httpRequest.open('GET', url, true); httpRequest.send(null); } function alertContents(httpRequest) { if (httpRequest.readyState == 4) { if (httpRequest.status == 200) { httpRequest.responseText; } else { alert('Un problème est survenu avec la requête.'); } } } </script> <?php mysql_connect("localhost", "root", ""); mysql_select_db("test"); echo "<table width='35%' border='0' cellspacing='0' cellpadding='0'>"; $sql = "SELECT * from t1"; $result2=mysql_query($sql); while ($row=mysql_fetch_array($result2)) { echo"<tr>"; echo "<td><a href='' onClick='supp($row[0])'>".$row[0]."</a><td>"; echo "<td>"?> <a href="javascript:mafon('aj.php?id=<?php echo"$row[0]"; ?>')">supprimer </a> <?php "</td>"; echo"</tr>"; } echo "</table>"; ?> </body> </html> *****************aj.php********************* <?php mysql_connect("localhost", "root", ""); mysql_select_db("test"); $id=$_GET['id']; $sql = "delete from t1 where nom='$id'"; $result2=mysql_query($sql); ?>
	00

03/02/2008, 02h39	#3
karimphp Membre régulier Développeur Web Inscription : avril 2006 Messages : 183 Détails du profil Informations personnelles : Âge : 31 Informations professionnelles : Activité : Développeur Web Informations forums : Inscription : avril 2006 Messages : 183 Points : 76 Points : 76	t'a manque quelque ligne dans le code ajax function valid_sup(){ var xhr = getXhr(); xhr.onreadystatechange = function(){ if(xhr.readyState == 4 && xhr.status == 200){ // liste de retour de ta selection affiché ici dans un div en utilisant innerHtml }} xhr.open("GET","ajaxsup.php",true); xhr.send(null); }
	00

03/02/2008, 12h26	#4
niceen Membre du Club Inscription : avril 2007 Messages : 177 Détails du profil Informations forums : Inscription : avril 2007 Messages : 177 Points : 46 Points : 46	Merci je l'ai fait déja le probléme c'est comment acualiser la page en ajax sans submit.
	00

03/02/2008, 15h30	#6
niceen Membre du Club Inscription : avril 2007 Messages : 177 Détails du profil Informations forums : Inscription : avril 2007 Messages : 177 Points : 46 Points : 46	Merci, non je ne veux pas actualiser toute la page je veux seulement que l'enregistrement que j'ai supprimer se supprime aussi de la page quand je click sur supprimer
	00

03/02/2008, 17h35	#7
niceen Membre du Club Inscription : avril 2007 Messages : 177 Détails du profil Informations forums : Inscription : avril 2007 Messages : 177 Points : 46 Points : 46	Estce que il y'a une solution ou quelqu'un a tombze sur le meme cas???
	00

03/02/2008, 19h01	#9
niceen Membre du Club Inscription : avril 2007 Messages : 177 Détails du profil Informations forums : Inscription : avril 2007 Messages : 177 Points : 46 Points : 46	Merci pour votre réponse ,vous pouvez me donner un exemple parce que je suis débutant en ajax et Merci
	00

06/02/2008, 03h36	#10
karimphp Membre régulier Développeur Web Inscription : avril 2006 Messages : 183 Détails du profil Informations personnelles : Âge : 31 Informations professionnelles : Activité : Développeur Web Informations forums : Inscription : avril 2006 Messages : 183 Points : 76 Points : 76	salut fait un petit recherche sur ajax.updater ca te fait la mise a jour de ton div ou autres éléments de ta page . n'oublie pas de télécharger le fichier prototype.js
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email