Discussion :

[adrienanorm]

Bonjour,

Je souhaiterais placer à la fin d'une requête ajax le rechargement d'une div ciblé de son id.
Je trouve uniquement comme réponses a mes recherches .load() et setTimeOut, le premier s'utilise apparemment pour les frames, le second pour une rechargement périodique, n'y as t il pas une expression qui permettent simplement de recharger une div précise ponctuellement?

Merci d'avance..

Adrien


ma requête au cas ou..: :

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() {
	$("#form").submit(function(){
		$("#loader").show();
		titre = $(this).find("input[name=titre]").val();
		texte = $(this).find("textarea[name=texte]").val();
		label = $(this).find("select[name=label]").val();
		$.post("post.php",{titre: titre, texte: texte, label: label}, function(data) {
			$("#loader").hide();
			if(data!="ok") {
				$(".faux").empty().append(data);
			}
			else{
				ICI LE RECHARGEMENT DE MA DIV..
				}
			}
		});
		return false;
		});
});

[adrienanorm]

suis-je obligé d'utiliser des frames? n'y a t il pas une autre solution

[NoSmoking]

Bonjour,

Je souhaiterais placer à la fin d'une requête ajax le rechargement d'une div ciblé de son id.

donc si je comprends bien,
- tu fais ta requête...
- en retour si tu récupères "ok" tu veux mettre à jour la DIV

la mettre à jour avec quoi, refaire un requête Ajax ?
Si c'est pour la "recharger", je présume donc que son contenu à été modifié avant requête, dans ce cas sur le load de la page tu n'as qu'a faire une copy, un clone, de celle ci, il te sera facile de la "recharger"...

[Bovino]

Je trouve uniquement comme réponses a mes recherches .load() [...] s'utilise apparemment pour les frames

Pas vraiment non...
load() est soit un événement (mais pas utile dans ton cas) soit un raccourci AJAX pour remplacer le contenu d'un élément par la réponse de la requête, rien à voir avec les frames

[adrienanorm]

En effet, j'ai un formulaire qui me permet d'envoyer du texte sur une base de donnée.

A coté de celui ci ce trouve une div affichant le contenu de la base.
Après le post du formulaire, données envoyées sur la base, j'aurais souhaité que le contenu de la base se mette a jour dans la div en question.

- je ne souhaite pas recharger toute la page car, si j'ai un agis sur a un autre endroit de la page en ajax, tout sera perdu au rechargement.
- l'autre solution était d'utiliser .append() qui me permet d'afficher les données envoyées par le formulaire en les récupérants après le post mais pas d'afficher les données une fois mise sur la base. ( je sais pas si je suis clair..?)
Cette solution peut être pratique pour un chat mais j'aimerais avoir la possibilité de pouvoir supprimer n'importe quelles entrée de la base par son id.
Si une entrée vient d'être ajoutées et affichées par .append() elle n'a pas encore d'id car ce qui est affiché ne sont que les informations qui avait été récupérées à la sortie du formulaire......

en gros.... en écrivant je me dis qu'il faudrait peut etre uniquement réexecuter la requette php $q ( voir code après ) pour recharger la requete Mysql... non?

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
<div id="base">
<?php
include"connect.php";
$sql = 'SELECT * FROM base WHERE label= \''.$lab.'\' ORDER BY id DESC';
$q = mysql_query($sql);
echo '<ul>';
        while($donnees = mysql_fetch_array($q)) 
                {
                
                echo '<li>';
            echo $donnees['titre'].' : '. $donnees['texte'].' ';
            echo '<input type="button" name="delete" id="'.$donnees['id'].'" value="Supprimer" /> ';
                echo '</li>';
                }
echo '</ul>';
?>
</div>

[danielhagnoul]

Bonsoir

$(selector).load("monFichier.html #elemID"); remplacera le contenu de selector par celui de l'élément du DOM ayant l'ID "elemID". Attention, il faut un caractère d'espacement entre l'URL et l'ID.