Discussion :

[naroco]

bonjour
je suis très ennuyée car je ne vois pas où est mon problème
ça fonctionne très bien en localhost mais pas du tout sur serveur.

j'ai une zone de liste qui s'alimente à partir d'une fonction ajax avec append
je ne vois pas non plus comment tester si le code trouve la page url
on voit que les "empty" fonctionne mais les listes sont vides.
voici mon code

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
 
<script type="text/javascript"> 
$(document).ready(function() {
			var $Typedepart=$('#natdep');
			var $dum = $('#dum');
			var $sdum = $('#sdum');
			var $fsdum = $('#fsdum');
			var val2=$('#um').val();
			var $ets=$('#ets');
 
	$Typedepart.change(function(){
		var depart=$(this).val();
		dep=depart.substr(0,2);
 
	if(dep != '')
	{
	$dum.empty();
	$sdum.empty();
	$fsdum.empty();
	$ets.empty();
 
   // chargement des dum
	$.ajax({
		url: '_source/dum.php',
		data: {go:val2,dep:dep}, // on envoie $_GET['go']
		dataType: 'json', // on veut un retour JSON
	             success: function(json) {
		$.each(json, function(index, value) { // pour chaque noeud JSON
								// on ajoute l option dans la liste
								$dum.append('<option value="'+ index +'">'+ value +'</option>');
							});
												}
							});
					}
									});

[SylvainPV]

Dans l'inspecteur Chrome onglet Network ou dans Firebug, tu peux voir l'état de tes requêtes AJAX, les headers / réponses / cookies etc... Indispensable pour débugger des scripts AJAX.

[danielhagnoul]

Les outils du développeur ou l'utilisation de méthodes non obsolètes donnent immédiatement tous les renseignements nécessaires.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
var jqXHR = $.getJSON( "_source/dum.php", { "go" : val2, "dep" : dep } );
 
jqXHR.done( function( data, textStatus, jqXHR ){
    // succès de la transaction, on doit traiter le contenu de data
    console.log( data, textStatus, jqXHR );
 
});
 
jqXHR.fail( function( jqXHR, textStatus, errorThrown ){
    // échec de la transaction, gérer la catastrophe
    console.log( jqXHR, textStatus, errorThrown );
 
});