[AJAX] Rafraîchir DIV avec requête Ajax

**Maxime3012** · 24/11/2012, 16h19

Bonjour, tout le monde !!!
Bon malgré les différents posts sur le sujets et après 3 jours de recherche sur des sites français comme anglais : je n'arrive pas à rafraîchir une div.

Donc pour tous ceux qui veulent m'aider, voici les fichiers :

Code php :

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
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
<?php
 
  session_start();
 
  if ($_SESSION['id'] == "")
 
  {
 
    header('location:index.php');
 
  }
 
 
 
  try
 
  {
 
	$bdd = new PDO('mysql:host=*********;dbname=**********', '********', '********');}  catch(Exception $e)
 
  {
 
    die('Erreur : '.$e->getMessage());
 
  }
 
?>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
 
 
 
  <head>
 
    <title>Acceuil</title>
 
	<?php
 
	  include('linkEtMeta.html');
 
	?>
 
	<style>
 
	  <?php
 
	    include('style.css');
 
	  ?>
 
 
 
	</style>
 
  </head>
 
  <body>
 
 
 <header><a href="accueil.php" class="home"><img src="images/home.jpg"/></a><a href="profil.php" class="profil"><img src="images/profil.jpg"/></a><a href="messages.php" class="message"><?php $nombreD = $bdd->prepare('SELECT COUNT(lectureD) AS nb_mpD FROM prive WHERE lectureD = 0 AND destinataire = :pseudo' );
 
	  $nombreD->execute(array('pseudo' => $_SESSION['pseudo']));
 
      $messagesD = $nombreD->fetch();
 
 
 
	  $nombreEE = $bdd->prepare('SELECT COUNT(reponseE) AS nb_repE FROM prive WHERE reponseE = 1 AND destinataire = :pseudo' );
 
	  $nombreEE->execute(array('pseudo' => $_SESSION['pseudo']));
 
      $reponsesE = $nombreEE->fetch();
 
 
 
	  $nombreDD = $bdd->prepare('SELECT COUNT(reponseD) AS nb_repD FROM prive WHERE reponseD = 1 AND expediteur = :pseudo' );
 
	  $nombreDD->execute(array('pseudo' => $_SESSION['pseudo']));
 
      $reponsesD = $nombreDD->fetch();
 
 
 
	  $total1 = $reponsesD['nb_repD'] + $total = $messagesD['nb_mpD'] + $reponsesE['nb_repE'];
 
	  if($total1 == 0)
 
	  {
 
		echo '<img src="images/messages.jpg"/>';
 
	  }
 
	  else
 
	  {
 
	  echo '<img src="images/messages1.jpg"/>';
 
	  }?></a><a href="minichat.php" class="tchat"><img src="images/tchat.jpg"/></a><a href="membres.php" class="membres"><img src="images/membres.jpg"/></a><a href="http://clg-delacroix.scola.ac-paris.fr/" class="college"><img src="images/college.jpg"/></a><a href="deco.php" class="deco"><img src="images/deconnexion.jpg"/></a></header>
 
 
 
<div id="barre">
 
<form class="recherche" action="profil.php" method="post">
 
	<input type="text" name="membre" class="membre" size="30" maxlength="255" placeholder="    Chercher un membre"/>
 
</form>
 
</div>
 //////////////////////////////////////////////////////////////
//Voici la zone à rafraîchir
<?php
 
			include('news.php');
 
		?>
 
//////////////////////////////////////////////////////////////
	<div class="global">
 
	  <div class="centre">
 
	    <p style="padding-top : 30px;">
 
		  Bienvenue !<br />
<div id="heure">
		  <?php 
 
 
 
		    $jour = date('d');
 
            $mois = date('m');
 
            $annee = date('Y');
 
 
 
            $heure = date('H'); 
 
            $minute = date('i');
 
			$seconde = date('s');
 
 
 
			$maintenant = date('SELECT LOCALTIMESTAMP');
 
 
 
            echo 'Nous sommes le ' . $jour . '/' . $mois . '/' . $annee . ' et il est ' . $heure . ' h ' . $minute . ' min ' . $seconde ; //' ou ' . $maintenant;
 
		  ?></div><br /><br />
 
 
 
	    </p>
 
 
 
	  </div>
 
    </div>
 
  </body>
</html>

et voici le fichier news.php

Code php :

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
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<div id="menu1">
<div class="menu">
<?php
  $i=0;
 
  if (isset($_SESSION['id']) != "")
  {  
	  $reponse = $bdd->query('SELECT id, pseudo, connection FROM membres ORDER BY id DESC');
		echo '<ol>';
		while ($donnees = $reponse->fetch())
        {	
			if($donnees['connection'] == 1)
			{
				if($donnees['pseudo'] == $_SESSION['pseudo'])
				{
					echo '';
				}
 
				else
				{
					echo '<li type="disc"><p>' . htmlspecialchars($donnees['pseudo']) . '</p></li>';
					$i=$i+1;
				}
			}
		}
 
		if($i == 0)
		{
			echo '<em>Auncune personne connectée</em>';
		}
 
		echo '</ol>';
 
 
        $reponse->closeCursor();
  }
  else 
  {
    echo'<p>Le menu est bloqué jusqu\'à votre connexion.</p>';
  }
?></div></div>

la requête ajax n'est pas dans les fichiers car je l'ai supprimer car aucune ne fonctionnait.

Merci de vos réponses

**thomix68** · 24/11/2012, 17h51

salut j'ai un script qui fonctionne si sa peut t'aider

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
21
22
23
24
25
26
27
28
29
30
31
32
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
//au click sur le lien chercher
$(".chercher").click(function(){
//on recupere la valeur de l'attribut name pour afficher tel ou tel resultat
var req=$(this).attr("name");
//requête ajax, appel du fichier recherche.php
$.ajax({
type: "GET",
url: "aff.php?type="+req,
dataType : "html",
//affichage de l'erreur en cas de problème
error:function(msg, string){
alert( "Error !: " + string );
},
success:function(data){
//alert(data);
//on met à jour le div zone_de_rechargement avec les données reçus
//on vide la div et on le cache
$("#zone_de_rechargement").empty().hide();
//on affecte les resultats au div
$("#zone_de_rechargement").append(data);
//on affiche les resultats avec la transition
$('#zone_de_rechargement').fadeIn(1000);
}
});
});
})
</script>  
<a href="#" class="chercher" name="informations">&gt;&gt; actualiser la div </a>
<div id="zone_de_rechargement">affiche les resultat de la requete ici</div>

**Maxime3012** · 24/11/2012, 17h58

Merci beaucoup de ta réponse, mais cela ne fonctionne pas

**LeHibou2** · 24/11/2012, 18h15

Et un load sur la div ?

**Maxime3012** · 24/11/2012, 18h24

C'est-à-dire?

**Maxime3012** · 24/11/2012, 18h51

un load en JQuery ?

Invité · 24/11/2012, 18h56

Bonjour,
Tu ne comprends pas semblet'il AJAX
tu devrais avoir deux éléments
1) un html avec son javascript comprenant l'AJAX
2) un PHP qui fait une action quand l'AJAX l'appelle, qui va renvoyer par un echo un texte réponse (par exemple tout un tchat) que le javascript va injecter dans un DIV ou tout autre objet du html

Christele

**Maxime3012** · 24/11/2012, 20h08

Merci christele_r, mais j'ai compris AJAX, en fait mon problème était que je n'avais pas inclus le script de connexion à ma BDD dans le fichier news.php
Mais merci quand même.

[AJAX] Rafraîchir DIV avec requête Ajax

AJAX

Discussions similaires

Partager

Partager