Discussion :

[daffy85]

Bonjour,

Voila j'explique mon problème.

J'ai une page index.php qui fait appel à de l'ajax. Cet ajax fait appel dans son url à une page reponse.php.
Dans cette page reponse.php, j'ai créé une liste déroulante avec des données d'un fichier chargé. Juste en dessous j'ai un bouton de type submit qui doit faire appel à une fonction qui se trouve dans un fichier php.
Le problème que j'ai est que j'ai bien ma liste déroulante et mon bouton qui sont créé. Mais quand on appuie sur le bouton, rien ne se passe.

Voici une partie de reponse.php :

Code php :

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
 
if ($nbFeuille > 1){
	echo 'Vous avez '.$nbFeuille.' feuilles dans votre classeur</br>';
	// affiche le nom des feuilles
	$nomFeuille = $objet->getSheetNames();
	//liste les feuilles du classeur
	echo 'Avec quelle feuille voulez_vous travailler ?';
	echo '<form method="POST" id="listeFeuille" >
		<select name="choixFeuilles">';
	foreach($nomFeuille as $AfficheNom){
		echo '<option>'.$AfficheNom."</br>".'</option>';						
	}
	echo'</select>
		<input type="submit" value="Valider" id="boutonexcel" />
		</form>';
	exit;
}else{
	reponseExcel($objet);
}

Et voila ce qu j'avais fait en jQuery :

Code :

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

1
2
3
4
5
 
$('#listeFeuille').on('submit',function(){
	console.log('coucou');
	reponseExcel($objet);
});

J’espère avoir été clair dans mon problème.
Merci pour l'aide que vous m'apporterez.

[ABCIWEB]

Salut,

Et tu es allé voir la doc ?

Je vois pas de requête dans ton code. Ce devrait être un truc dans le genre :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
$('#listeFeuille').on('submit',function(){
$.ajax({
  method: "POST",
  url: "some.php", // adresse de ton script php
  data: { name: "John", location: "Boston" } // Variables à transmettre au serveur (facultatif)
})
  .done(function( objet ) {
    console.log(objet );
  });
 
});

Il existe aussi des raccourcis pour faire la même chose en moins de lignes, je préfère cette méthode générique moins sobre mais plus explicite pour tout le monde.

[daffy85]

Merci pour ton aide ARCIWEB
voila ce que j'ai fais

Code :

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

1
2
3
4
5
6
7
8
9
10
 
$('#listeFeuille').on('submit',function(){
	$.ajax({
		method:'POST',
		url:'fonction.php',
	})
		.done(function(objet){
			console.log(objet);
		});
	});

url c'est ou se trouve ma fonction? (dans cette page fonction.php j'ai plusieurs fonction)
j'ai essayer plusieurs chose mais il se passe toujours rien

[ABCIWEB]

Ajax fait une requête au serveur, ce qui veut dire que le processus va appeler un fichier du serveur en lui transmettant des données via la méthode post ou get suivant ce que tu mets dans "method" (ici j'ai mis post). "url" est l'adresse du fichier sur le serveur par rapport au script ajax.

Si le script ajax est dans le même répertoire que le fichier "reponse.php" que tu veux appeler, il faut donc mettre url:'reponse.php'. Et pas de virgule pour terminer si c'est la fin des paramètres. Soit :

Code :

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

1
2
3
4
5
6
7
8
9
$('#listeFeuille').on('submit',function(){
	$.ajax({
		method:'POST',
		url:'reponse.php'
	})
        .done(function(objet){
		console.log(objet);
	});
});

Dans cette exemple puisque tu ne renseignes pas "data" aucune donnée ne sera transmise vers "reponse.php".

Le résultat qui sera affiché dans le fichier 'reponse.php' sera transmis dans "done". J'ai mis "objet" pour récupérer le résultat par symétrie puisque tu affichais une variable qui se nommait "objet" côté php, mais en fait peu importe. Tu pourrais faire aussi ... .done(function(toto) {console.log(toto); ... pour récupérer le même résultat, tu choisis le nom que tu veux et c'est totalement indépendant de comment est construit l'affichage dans ton fichier "reponse.php".

[SpaceFrog]

submit ou ajax... il faut choisir ...
tu n'inhibes pas la soumission du formulaire la page se recharge, tu perds ton appel ajax ...

[ABCIWEB]

Ah oui j'ai recopié l'exemple de la doc, puis ensuite corrigé la syntaxe, mais oublié de l'adapter à un submit. Pour un exemple complet avec un formulaire il y a donc deux solutions :

- soit utiliser un type button à la place du type submit dans le html et faire : $("#boutonexcel").on('click',function(){...

- soit annuler le comportement par défaut du submit avec event.preventDefault();

Code :

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

1
2
3
4
$('#listeFeuille').on('submit',function(event){
    event.preventDefault();
    $.ajax({
           //...

A noter que la deuxième solution est la seule qui puisse fournir une alternative avec javascript désactivé et qui permet par ailleurs l'enregistrement des input de type password par les navigateurs (donc recommandé pour les formulaires d'authentification sauf si on veut désactiver la possibilité de mémorisation des mots de passe).