Débutant. Requête AJAX

Version imprimable

Bonjour,
je débute avec jquery et je voulais exploiter ajax :
quand je clique sur le bouton addition, je suis censé avoir le résultat ds le p avec id resultat.
Ca marche pas, voici mon code. Merci :

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
<html>
	<head>
		<title>Test smarty</title>
		<script type="text/javascript" src="../js/jquery.js"></script>
		<script type="text/javascript">
                        $(document).ready(function(){   
                                $('#add').click($.post("../calcul.php",{ a: $('#a').value, b: $('#b').value },
                                                                function(data){
                                                                        $('#resultat').html(data);
                                                                })
                                                                );
                        });
                </script>
	</head>
	<body>
		<center>
		<br/><br/><br/>
		<form>
			a : <input type="text" name="a" id="a"/><br/>
			b : <input type="text" name="b" id="b"/><br/>
			<input type="button" name="submit" value="Addition" id="add"/>
		</form>
		<p id="resultat"><!--{$resultat}--></p>
		</center>
	</body>
</html>

mon fichier calcul.php

Code:

1
2
3
4
5
6
<?php
$a = $_POST['a'];
$b = $_POST['b'];
 
echo $a + $b
?>

29/05/2010, 19h20
Bovino

La méthode click() attend en paramètre une fonction

Code:

$('#add').click(function(){...});

pas du code placé là en espérant que ça marche :)

Ajax - jquery et smarty

Bonjour,

Merci pour la réponse, ça a réglé mon problème et j'ai un autre problème dû à smarty.
j'ai du ajouté les balises {literal} pour intégrer ça à smarty.

le problème c'est que maintenant mon code javascript ne fonctionne plus, même en mettant un simple code javascript.
j'ai une$ is undefined comme erreur.
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 <html> <head> <title>Test smarty</title> <script src='../js/jquery.js'></script> <script type='text/javascript'> {literal} $(document).ready(function(){ $("#add").click(function(){alert("test");}); }); {/literal} </script> </head> <body> <center> <br/><br/><br/> <form> a : <input type="text" name="a" id="a" /><br/> b : <input type="text" name="b" id="b" /><br/> <input type="button" value="Addition" id="add"/> </form> <p id="resultat"></p> </center> </body> </html>

04/06/2010, 11h29
NainPuissant

Hmm, tu es sur que jQuery est correctement chargé ? Donc qu'il se trouve bien dans le bon répertoire ?