Débutant. Requête AJAX

**jimi154** · 29/05/2010, 18h09

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 html :

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
<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 php :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**Bovino** · 29/05/2010, 19h20

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

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

**jimi154** · 30/05/2010, 10h36

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 :

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
<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>

**NainPuissant** · 04/06/2010, 11h29

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

Débutant. Requête AJAX

jQuery

Vue hybride

Discussions similaires

Partager

Partager