Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > JavaScript > Bibliothèques & Frameworks > Prototype & Script.aculo.us
Prototype & Script.aculo.us Forum d'entraide sur les frameworks Prototype et Script.aculo.us
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse Proposer ce sujet en actualité
 
Outils de la discussion
Publicité
'
Vieux 25/05/2008, 00h37   #1
Inactif
 
Inscription : novembre 2007
Messages : 369
Détails du profil
Informations forums :
Inscription : novembre 2007
Messages : 369
Points : 35
Points : 35
Par défaut [Prototype] requete en php sur une seule page

bonjour,
je veux savoir comment afficher les resultat de ma requete en ajax
sans recharger la page

en fait j'ai une table en mysql, je veux faire une requete select puis
afficher les resultat sur une seule pas

et mettre un bouton suivant et un bouton précédent
< >
pouvez vous me donnez un exemple
merci
fatjoe est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 03/06/2008, 16h08   #2
Membre confirmé
 
othmane bentalha
Inscription : mai 2006
Messages : 257
Détails du profil
Informations personnelles :
Nom : othmane bentalha
Âge : 25

Informations forums :
Inscription : mai 2006
Messages : 257
Points : 228
Points : 228
Bonjour, pour faire ça il faut que tu céé une fonction php à la quelle tu fera appel pour qu'elle te renvoi le résultat et tu créé une fonction ajax pour qu'elle l'affiche. Voici un exemple en utilisant le framework prototype:
Mapage.php
Code :
1
2
3
4
5
6
7
8
9
 
$sql='select * from table';
mysql_connect('serveur','root',);
mysql_select_db('database');
$resultat=mysql_query($sql);
while($ligne=mysql_fetch_array($resultat))
   {
echo '<li>'.$ligne['champ'].'</li>';
   }
Mafonction.js
Code :
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
function MafonctionAjax() 
	{
	var valeur=document.froms['form'].elements['champ'].value;
	var url = 'Mapage.php';
	var parametres = '';
 
	parametres='valeur='+valeur;
 
	var myAjax = new Ajax.Updater(
								{success:'div_a_modifier',failure:'div_a_modifier'},
					url,
					{
					method: 'post',
					parameters: parametres,							            		insertion:Insertion.Before
					}
						);
	}
Code :
1
2
3
4
5
6
7
 
<html>
<body>
<input type="button" onClick="MafonctionAjax" value="Tester"/>
<div id="div_a_modifier"></div>
</body>
</html>
Il faut que tu inclus dans ta page la librairie prototype voici un cours très utiles sur cette librairie
http://amillet.developpez.com/tutori...jax-prototype/
Bonne chance
othmane126 est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse Proposer ce sujet en actualité Cette discussion est résolue.
Outils de la discussion



Fuseau horaire GMT +2. Il est actuellement 20h20.


 
 
 
 
Partenaires

Hébergement Web