Reload du contenu après soumission

Version imprimable

27/01/2009, 00h23
PseT34

Reload du contenu après soumission

Bonsoir,

J'ai actuellement un formulaire, dont les résultats sous entré en BDD en tache de fond via Jquery et PHP, j'affiche ensuite un message pour informé l'utilisateur que l'opération c'est bien déroulé.

Mais je voudrais rafraichir une partie de ma page afin de faire apparaitre certaines infos qui on changé suite à l'envoi du formulaire.

En l'occurrence une fonction php qui réécrit une url en fonction du texte présent dans le titre.

Merci
27/01/2009, 08h56
marcha

Salut,

tu montrer un peu de code ?

Voila pour ce qui est du traitement de mon formulaire :

Code:

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
<script type="text/javascript">
      $(function() {
      $('#submit').click(function() {
      $('#toolbar-box').append(
        '<img src="images/loading.gif" alt="En cours d enregistrement" id="encours" />'
                             );
 
        var title = $('#title').val();
        var publish = $('#state0').val();
        var news = $('#FCKnews').val();
 
        $.ajax({
          url: 'modules/mod_news/insert_db_query.php',
          type: 'POST',
          data: 'titre=' + title + '&publie=' + publish + '&news=' + news,
 
          success: function(result) {
            $('#reponse').remove();
            $('#toolbar-box').append(result);
            $('#encours').fadeOut(500, function() {
              $(this).remove();
            });
			$('#system-message').fadeOut(15000, function() {
              $(this).remove();
            });
 
          }
        });
 
        return false;
      });
 
      });
  </script>

Le résultat de la soumission de mon formulaire ce fait donc sans soucis, et en retour j'affiche un message pour informé l'utilisateur que tout est ok.

Mon formulaire ce trouve dans une TABLE elle même situé dans un DIV, je souhaiterais lors du retour de la requête mettre à jour certaine partie via un script PHP + Affichage des infos.

27/01/2009, 09h51
PseT34

j'essaie de m'inspirai du fonctionnement de l'admin de Joomla, que je trouve très agréable.
27/01/2009, 13h28
marcha

Salut,

est-ce que tu veux faire ça avec les informations en retour de ton script php
d'update, ou est-ce que tu pensais lancer une autre requête ?
27/01/2009, 14h40
PseT34

une autre requête, idéalement.
27/01/2009, 14h43
marcha

Ok, alors le plus simple est peut-être d'utiliser $(selecteur de l'élément).load(url);
27/01/2009, 14h46
PseT34

alors j'ai essayer load, mais je n'ai pas obtenu de résultat concret, par sélecteur de l'élément on parle de l'ID?
27/01/2009, 16h33
marcha

Par exemple oui,

mais regarde une fois la richesse des selecteurs à disposition dans JQuery
27/01/2009, 23h23
PseT34

Ca marche merci :)
05/04/2009, 20h31
IllusionFX

Bonjour,

Je me permets de ressortir ce topic car je suis exactement dans le même contexte que celui évoqué précédement (mettre à jour une zone "tableau" de la page, sans faire un refresh complet, juste après un rajout dans une BdD effectué en ajax()) mais le système ".load(url)" me pose un souci :

Lorsque je charge mon fichier contenant la partie requête pour la génération du tableau (car c'est cette zone que je veux rafraîchir après une nouvelle insertion), j'ai bien mon tableau formaté avec les CSS mais les scripts utilisés par les zones de ce tableau ne fonctionnent plus (notement une image "delete" insérée à la fin de chaque ligne qui efface l'entrée correspondante dans la base de donnée via un .ajax())

De même pour le script "tableSorter" utilisé par le tableau, avec .load(url) je n'ai plus les en-têtes de colonnes "sortables"...

Tous les scripts sont situés dans le <head> de la page "statique". La page dynamique que je recharge ne contient qu'un copier-coller brut de la partie "requête" qui fonctionnait correctement en "statique" (le terme est mal choisi...) mais que j'ai séparé pour pouvoir utiliser un .load(url).

1. Quelqu'un comprend-il les les paragraphes précédents ? ;)
2. Quelqu'un voit-il une solution à ce problème ?
3. N'y a-t-il pas tout simplement une fonction jQuery permettant de reloader simplement une zone située entre 2 <DIV> ?

Merci.