Discussion :

[69Pierre]

Bonjour.
J'ai une requete SQL qui me renvoie une liste déroulante (pHp).
J'ai fait des boutons pour que lors du clic, cette liste soit modifiée.
Jquery et Ajax récupérent les infos, les transforment au format json, php envoie une nouvelle requête mysql, Jquery et Ajax récupérent le résultat (je le voie dans Firebug / Console / GET.... / onglet HTML mais je n'arrive pas à ce que l'affichage soit changé. D'ailleurs, j'ai fait un console.log ('\n je rentre dans success'); qui ne s'affiche pas, je ne sais pas gérer ce retour dans le success.
Merci de votre aide.

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
29
30
31
32
33
34
35
36
37
38
39
40
41
42
$(document).ready(function(){
console.log('entre dans choixListe \n ');
 
	//au click sur le bouton
	$('.choixliste').click(function() {
 
	    var arrayId = $(this).attr('id').split('_');
 
		tableParcours = arrayId[1];
		sport = arrayId[2];
		frequence = arrayId[3];
 
		console.log("\n Les arguments sont : "+arrayId[1]+", "+arrayId[2]+" et "+arrayId[3]);
		console.log("\n Les arguments sont : "+tableParcours+", "+sport+" et "+frequence);
 
	    // Valeur par défaut pour les paramètres optionnels
		if( typeof(sport) == 'undefined' ){
			sport = "";
		}
		if( typeof(frequence) == 'undefined' ){
			frequence = "";
		}
 
		$.ajax({
		type : "GET",
		url: './BDD/liste.php',
		dataType: "json",
		data : {tableParcours : tableParcours, sport : sport, frequence : frequence},
		success: function (data) {
 
			console.log ('\n je rentre dans success');
			console.log (data);
			console.log (tableParcours);
			console.log (sport);
			console.log (frequence);
 
			$('#liste').html( data);//, tableParcours, sport, frequence );
			}
	//console.log(html( data, tableParcours, sport, frequence ));
		});
	});
});

Le bout de code qui est issu de ce qu'il y a ci-dessus est bien construit :

Code :

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

<SELECT name="nom"><option value="1-Tl2">Tl2</option></SELECT>

Je veux qu'il remplace le

Code :

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

<?php $tableParcours='parcours'; require_once ('/Projet/Serveur/data/localweb/Projet/BDD/liste.php');?>

de mon dOM contenu dans

Code :

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

<td id="liste" ></td>

Est ce que

Code :

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

$('#liste').html( data);

est le bon code pour faire ceci ?

[69Pierre]

Bon j'ai trouvéle problème.
J'ai un id dans une balise td et jquery n'en veut pas :

Code :

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

<td id="liste"></td>

Du coup je l'ai remplacée par un div mais ma mise en forme n'est plus bonne.
Je ne sais pas comment faire.

[NoSmoking]

Bonjour,

Est ce que

Code :

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

$('#liste').html( data);

est le bon code pour faire ceci ?

NON et simplement parce que tu demandes une réponse JSON dataType: "json" donc tu reçois un objet JSON et non du code HTML.

D'ailleurs, j'ai fait un console.log ('\n je rentre dans success'); qui ne s'affiche pas, je ne sais pas gérer ce retour dans le success.

regarde ce qui se passe dans .fail ou .error, qu'il te faut gérer/ajouter.

[69Pierre]

Merci.
OK j'ai modifier et mis

Code :

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

dataType: "html"

à la place de

Code :

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

dataType: "json"

hier soir.
Cela fonctionne si j'écris :

Code :

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

<div id="liste" ></div>

Code :

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

$('#liste').html( data);

Mais pas avec :

Code :

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

<td id="liste" ></td>

Code :

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

$('#liste').html( data);

Je ne sais pas gérer le td.

[NoSmoking]

Ton problème ce situe visiblement ailleurs !
essaie avec ce HTML

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
<div id="choix">
  <select>
    <option>Un</option>
    <option>Deux</option>
    <option>Trois</option>
  </select>
</div>
<table>
  <tr>
    <td>Cellule #1</td>
    <td id="liste">Cellule #2</td>
    <td>Cellule #3</td>
  </tr>
</table>
<button>Ajax</button>

le code suivant

Code :

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

1
2
3
4
$('button').on( 'click', function(){
  var simulAjax = $('#choix').html();
  $('#liste').html( simulAjax);
});

cela ne devrait pas poser de problème.

[69Pierre]

Bonjour et merci de ton aide.
Non avec ton script, ça ne fonctionne pas non plus.
Il y a un truc rigolo, c'est que lorsque je vais dans l'onglet HTML de Firebug, je ne vois pas mes td...
Tu me confirmes bien que l'on peux mettre un id dans une balise <td> ?
Ces <td> sont dans un <form>, il vaudrait mieux du <label>...

[69Pierre]

Ben oui, ça marche.
Je m'excuse de cette erreur de jeunesse, pas de balise td dans les form, du label.
Merci encore.