Erreur requête de type GET

Version imprimable

Bonjour

Je cherche à comprendre les requêtes de type GET en AJAX
Pouvez vous m'expliquer pourquoi cette écriture ne marche pas?
Message d'erreur: Notice: Undefined index: idTheme in C:\wamp\www\jQuery\finmisenligne 7phpCss\2_test.php on line 9

niveau: débutant

Cordialement

1_test.php:

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
<!DOCTYPE html>
 
<html lang="fr">
 
<body>
 
<a href="2_test.php" class="clic_theme" data-identifiant="theme1">Theme 1</a>
 
<script src="jquery.js"></script>
<script>
 
$(function(){
 	// on affecte au click des liens de classe "clic_theme" 
	$('.clic_theme').on('click', function(){
 		// 1/ on récupère l'id_theme
		var id_theme = $(this).attr('data-identifiant');
		// 2/ Envoie de donnee a la page 2_test.php
 
		$.ajax({
		   url : '2_test.php', // La ressource ciblée
		   type : 'GET' // Le type de la requête HTTP.
		   data : 'idTheme=' + id_theme;
		   dataType : 'html'
		});
	});
});
</script>
 
</body>                                         
 
</html>

2_test.php:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<!DOCTYPE html>
<html>
<head>
</head>
 
<body>
 
<?php
echo $_POST['idTheme'];
?>
 
</body>                                         
 
</html>

17/02/2015, 16h35
NoSmoking

Bonjour,
tu fais une requête en GET et tu récupères du POST :koi:

Merci NoSmoking

J'ai fais la modif mais on a toujours le même message:
Notice: Undefined index: idTheme in C:\wamp\www\jQuery\finmisenligne 7phpCss\2_test.php on line 9
Call Stack
# Time Memory Function Location
1 0.0010 237040 {main}( ) ..\2_test.php:0

1_test.php:

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
<!DOCTYPE html>
 
<html lang="fr">
 
<body>
 
<a href="2_test.php" class="clic_theme" data-identifiant="theme1">Theme 1</a>
 
<script src="jquery.js"></script>
<script>
 
$(function(){
 	// on affecte au click des liens de classe "clic_theme" 
	$('.clic_theme').on('click', function(){
 		// 1/ on récupère l'id_theme
		var id_theme = $(this).attr('data-identifiant');
		// 2/ Envoie de donnee a la page 2_test.php
 
		$.ajax({
		   url : '2_test.php', // La ressource ciblée
		   type : 'GET' // Le type de la requête HTTP.
		   data : 'idTheme=' + id_theme;
		   dataType : 'html'
		});
	});
});
</script>
 
</body>

2_test.php:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<!DOCTYPE html>
<html>
<head>
</head>
 
<body>
 
<?php
echo $_GET['idTheme'];
?>
 
</body>                                         
 
</html>

17/02/2015, 22h14
NoSmoking

Pour commencer

Code:

data : 'idTheme=' + id_theme;

n'est pas la bonne façon de passer des paramètres

Code:

data : { 'idTheme' : id_theme}, // une virgule et non un ; on est dans un objet que diable

A voir :fleche: jQuery.ajax().

Autre chose au passage, tu utilises un lien, <A>, donc il te faut annuler l'action par défaut, via un event.preventDefault(), sinon tu va perdre tout l’intérêt de l'appel Ajax. Autant donc utiliser un BUTTON qui avec un peu de CSS ressemblera à un A ;)
18/02/2015, 10h17
Bovino

NoSmoking, si, c'est possible de passer une chaine à ce paramètre. ;)

Citation:

Envoyé par Doc jQuery

data
Type: PlainObject or String or Array

binco, attention, une requête AJAX n'est pas supposée renvoyer une page HTML complète mais juste la portion voulue, sinon, ce n'est pas très utile, autant faire un lien classique...
18/02/2015, 10h37
NoSmoking

Citation:

NoSmoking, si, c'est possible de passer une chaine à ce paramètre. ;)

à ça c'est bien vrai, sur ce coup j'étais plutôt axé sur le ;

salut,

il manque quelques virgules non ?

Code:

1
2
3
4
5
6
7
$.ajax({
  url : '2_test.php', // La ressource ciblée
  type : 'GET',// Le type de la requête HTTP.
  data : 'idTheme=' + id_theme,
  dataType : 'html'
});

18/02/2015, 18h57
Watilin

Bonsoir,

je rajoute mon grain de sable car je crois que personne n'a parlé de ça :

Citation:

Envoyé par binco

Message d'erreur: Notice: Undefined index: idTheme in C:\wamp\www\jQuery\finmisenligne 7phpCss\2_test.php on line 9

C'est un message d'erreur généré par PHP, ce qui signifie que la requête Ajax fonctionne et qu'elle reçoit bien le contenu envoyé par PHP.

S'il y avait un problème avec le JavaScript, il y aurait sans doute un message dans la console du navigateur (F12).