[AJAX] 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>

[AJAX] Rafrichir en ajax sans submit

JavaScript

Discussions similaires

Partager

Partager