[AJAX] input type= "button" ,value = requete

Version imprimable

04/06/2009, 11h19
dodo91

[AJAX] input type= "button" ,value = requete

Bonjour,

j'aimerais créer un bouton dans un template (ça je sais)

lorsque je clic sur ce bouton, une zone de texte est rempli (je sais aussi)

j'aimerais que la valeur de cette zone de texte soit le resultat d'une requete SQL (select count(*))) --> là est mon problème

voici mon code :

Code:

<input type="button" value="TEST" onclick="document.getElementById('valeur').value=15'/>

ici m'est retourné 15 dans ma zone de texte

quelques chose du genre :

Code:

<input type="button" value="TEST" onclick="document.getElementById('valeur').value="select count (*) from {matable}'/>

est-il possible?

si oui quelle syntaxe utilisé car l'exemple précedent ne fonctionne pas.

Merci de votre aide.
04/06/2009, 12h41
RomainVALERI
C'est plutot coté serveur que tu dois effectuer ta requête, en php/asp/jsp/autre selon ton contexte technique...

>>> si la donnée récupérée par la requête est indépendante du contenu de la page et des actions de l'utilisateur : tu génères le code du onclick au moment de la génération de la page : (exemple en php mais le principe est le même avec d'autres langages serveur)
Code:

1 2 <input type="button" value="TEST" onclick="document.getElementById('valeur').value=<%php echo $maValeurQuiVaBien; %>'/>
>>> et par contre si la donnée dépend des actions utilisateur ou de l'état de la page : il faut peut-être envisager d'introduire un peu d'ajax pour te faire une petite fonction qui appelle une page dédiée à passer cette requête et qui renvoie le résultat pour intégration dans ton élément au retour...

Salut,

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
35
36
function createXHR() 
{
    var request = false;
        try {
            request = new ActiveXObject('Msxml2.XMLHTTP');
        }
        catch (err2) {
            try {
                request = new ActiveXObject('Microsoft.XMLHTTP');
            }
            catch (err3) {
		try {
			request = new XMLHttpRequest();
		}
		catch (err1) 
		{
			request = false;
		}
            }
        }
    return request;
}
function compter() 
{
	var xhr=createXHR();
	var a= new Date();
	xhr.open("GET", "page.php?a="+a,true);
	xhr.onreadystatechange = function()
	{ 
	if (xhr.readyState == 4 && xhr.status == 200) 
		{
			document.getElementById('valeur').value=xhr.responseText;
		}
	}
	xhr.send(null); 
}

page.php

Code:

1
2
3
4
5
6
7
<?php
mysql_connect("localhost", "utilisateur", "motdepasse") or die("Impossible de se connecter : " . mysql_error());
mysql_select_db("base");
$result = mysql_query("select count (*) from {matable}");
$row = mysql_fetch_array($result, MYSQL_NUM))
echo $row[0];
?>

Code:

<input type="button" onclick="compter()" value="Bouton"/>

Les tutoriels sur AJAX
http://ajax.developpez.com/cours/

04/06/2009, 13h08
dodo91

Je suis en PHP.

ma requete appelle juste un select count dans la base de donnée (MySQL)
Cette base de données est renseigné avec les actions des utilisateurs.

Puis passé directement par un $var dont la valeur sera donné dans le fichier php ou dois-je faire de l'ajax ... ?
04/06/2009, 16h31
dodo91

ok pour createXHR
ok pour page.php
ok pour le code

mais la fonction compter je ne comprend pas tout
'valeur' c'est la valeur que je donne à mon resultat ??

sinon pour l'instant je n'arrive pas à me connecter a la base ... pourtant g le bon serveur user et mdp ...
04/06/2009, 18h00
RomainVALERI

Citation:

Envoyé par dodo91

'valeur' c'est la valeur que je donne à mon resultat ??

non : c'est l'id de l'élément dans lequel tu veux afficher la valeur renvoyée par l'appel AJAX. La valeur dont tu parles est contenue dans la propriété responseText de l'objet de transport (ici nommé xhr)

(mais je suis surpris de ta question : tu as toi-même utilisé cette syntaxe pour afficher un résultat "en dur" au départ (voir ton post initial) :roll:)
05/06/2009, 08h31
andry.aime

Citation:

Envoyé par dodo91

'valeur' c'est la valeur que je donne à mon resultat ??

Citation:

Envoyé par dodo91

<input type="button" value="TEST" onclick="document.getElementById('valeur').value=15'/>
05/06/2009, 09h34
RomainVALERI

Eh andry ;)
T'arrêtes de traduire tout ce que je dis en code ? :mouarf:
(pfff ... à côté de ta concision je passe pour un bavard moi :aie:)
05/06/2009, 10h28
dodo91

effectivement question idiote ...
Veuillez m'en excuser ...
je potasse les cours d'AJAX ...

Merci de votre aide en tout cas