Click et renseignement sur $.each

**theo17** · 04/04/2013, 14h38

Bonjour,

Je cherche à faire un programme qui affiche les noms d'une même famille en passant l'id du personnage principal à une base mysql.

Je procède pour le moment par étape successive afin de tester chaque partie indépendamment.
Pour le moment je teste l'affichage d'un json qui doit revenir d'une page php lisant ma base mysql.
Je le teste, pour le moment, directement comme chaine json dans mon jquery avec var details =

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
28
<!DOCTYPE html> 
<html lang="fr">
<head>
  <title>Titre accueil du site</title>
  <meta charset="utf-8" />      
</head>
 
<body>
<div class='div_test'>
<span>click</span>
<div class='div_json'></div>
</div>	
 
<script type="text/javascript" src="/JsQuery/jquery_dev/jquery-v1.9.1.js"></script>
 
<script>
$(function() {
    $('.div_test span').click(function() {
alert("passe click);	
	   var details = '{"id":"123","nom":"DUPONT","prenom":"Jacques"}';
                  var html = "";
                  html += "<p>id du nom : "+details.id+"</p>";
                  html += "Nom : "+details.nom+"<br>";
                  html += "Nom : "+details.prenom+"<br>";
                  $(".div_json").html(html);	
});
</script>
</body></html>

Le premier problème que je rencontre est que je ne vais pas dans script jquery, quand je clique sur la chaine "click" du span, je n'affiche pas mon alert();

Pourquoi ?? quelle est mon erreur ?

Pour l'affichage d'un nom

Code :

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

{"id":"123","nom":"DUPONT","prenom":"Jacques"}

je suis sûr de mon code mais lorsque j'aurais plusieurs noms, par exemple

Code :

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

[{"id":"123"},{"nom":"DUPONT"},{"prenom":"Jacques"},"id":"456"},"nom":"DUPONT"},{"prenom":"Michel"}] ...

comment les faire afficher à la suite ?? car je n'ai pas très bien compris comment fonctionner le $.each

Merci de vos réponses

**boboss123** · 04/04/2013, 15h19

Salut,

Envoyé par theo17

Pourquoi ?? quelle est mon erreur ?

Il n'y a rien qui te choque sur la coloration syntaxique de ton code

?

Sinon, en général pour un élément cliquable, on utilise plutôt les balises <a> ou <button>

**theo17** · 04/04/2013, 15h24

Oui j'ai oublié le " à la fin de alert("passe click);
mais çà ne change rien, mon alert ne s'affiche toujours pas quand je clique sur la chaine "click" du span.
Merci

**boboss123** · 04/04/2013, 15h49

ta closure est mal déclarée :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
(function(){
	$('.div_test span').click(function(){
		alert("passe click");
		//*
		var details = '{"id":"123","nom":"DUPONT","prenom":"Jacques"}';
		var html = "";
		html += "<p>id du nom : "+details.id+"</p>";
		html += "Nom : "+details.nom+"<br>";
		html += "Nom : "+details.prenom+"<br>";
		$(".div_json").html(html);
		// */
	});
})();

Mais vaut mieux faire ça (attendre que le DOM soit chargé) :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
$(document).ready(function() {
	$('.div_test span').click(function(){
		alert("passe click");
		//*
		var details = '{"id":"123","nom":"DUPONT","prenom":"Jacques"}';
		var html = "";
		html += "<p>id du nom : "+details.id+"</p>";
		html += "Nom : "+details.nom+"<br>";
		html += "Nom : "+details.prenom+"<br>";
		$(".div_json").html(html);
		// */
	});
})();

**theo17** · 04/04/2013, 15h59

Je pensais que $(function() suffisait et que cela remplaçait $(document).ready(function()
Mais bon avec ce code, çà marche, merci.

Mais l'affichage de mon html se passe mal, l'id, le nom et le prénom m'affichent undefined, alors que ma chaine json comporte bien leur valeur ?
Pourquoi ?
Merci.

**theo17** · 04/04/2013, 16h09

Si je sais pourquoi, Je pense qu'il s'affiche mal parce que rien n'est indiqué que cette chaine est du json. J'avais fait l'essai avec un appel avec ajax vers un script php qui me renvoyait cette chaine avec un echo et là çà marchait bien.

J'ai voulu simplifier pour des tests, mais çà ne marche pas tout seul.

Mais ma question est surtout de savoir comment on se sert de la boucle $.each pour récupérer plusieurs lignes d'un json comportant plusieurs noms car je n'ai pas très bien compris son fonctionnement.

Tous les exemples se basent sur un seul élément (par ex une seule fois id, nom, prenom) et je veux plusieurs id, nom, prenom.

Comment puis je faire afficher plusieurs noms ?
Merci

**Bovino** · 04/04/2013, 16h28

Envoyé par theo17

Je pensais que $(function() suffisait et que cela remplaçait $(document).ready(function()

Oui, les deux notations sont similaires et la première est recommandée.

Envoyé par theo17

l'id, le nom et le prénom m'affichent undefined, alors que ma chaine json comporte bien leur valeur ?

C'est normal,

Code :

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

var details = '{"id":"123","nom":"DUPONT","prenom":"Jacques"}';

details est une chaine et ne possède donc pas les propriétés que tu essayes d'afficher...

Code :

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

var details = {"id":"123","nom":"DUPONT","prenom":"Jacques"};

passera mieux...

Click et renseignement sur $.each

jQuery

Vue hybride

Discussions similaires

Partager

Partager