Discussion :

[CinePhil]

Bonjour,

J'ai détecté un problème lié semble t-il à l'URL Rewriting dans ma tentative de programmer des listes déroulantes liées.

Dans la partie html, j'ai ceci :

Code html :

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

<select name="diplomeEnsfeaSpecialisation" onchange="restreindreOption(this.value);">

Sur sélection dans la liste, ma fonction est bien appelée puisqu'un simple alert('coucou') fonctionne.

Si je mets l'ajax qui suit, ça fonctionne et il me dit bien coucou :

Code javascript :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
	function restreindreOption(specialisation)
{
    $.ajax({
		type: 'POST',
		url: '[chemin/vers/le/fichier/]aj_restreindre_option.php',
		data: 'specialisation='+specialisation,
		dataType: 'text',
		cache: 'false',
		success: function(liste_options)
		{
			/*$('#diplomeEnsfeaOption').html(liste_options); */
			alert('coucou');
		}
	});
}

Pour tester, j'ai mis seulement ceci dans aj_restreindre_option.php :

Code php :

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

echo 'appel ajax réussi';

Mais si je remplace le alert('coucou') par ceci, j'obtiens dans la boîte le code HTML de ma page avec un message d'erreur donné par mon programme :

Code javascript :

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

1
2
3
4
5
		success: function(liste_options)
		{
			/*$('#diplomeEnsfeaOption').html(liste_options); */
			alert(liste_options);
		}

Message d'erreur de mon programme renvoyé dans la page HTML :

<div id="contenu">
<div id="error_msg">
ERREUR !<br />
L'action demandée n'existe pas ! </div>

</div><!-- Fin contenu -->

La page où se trouve la liste déroulante est http://localhost/pef/fr/Inscription/ajouter. L'URL est parsée par le .htaccess afin de passer les paramètres suivants :
$_REQUEST :

Array
(
[langue] => fr
[module] => Inscription
[action] => ajouter
)

Les paramètres sont interprétés par mon programme pour chercher le fichier ajouter.php dans l'arborescence de l'application.

J'ai placé le fichier aj_restreindre_option.php au même endroit que ajouter.php.

Le alert(liste_options) donne, au début de son retour, ceci, résultant de l'affichage de $_REQUEST dans l'index.php appelé par l'URL Rewriting :

Request_uri : /pef/fr/Inscription/application/module/Inscription/Controller/aj_restreindre_option.php<br />$_REQUEST : <pre>Array
(
[langue] => fr
[module] => Inscription
[action] => application
[param] => module/Inscription/Controller/aj_restreindre_option.php
[specialisation] => 5
)
</pre>

Comment puis-je éviter cela ?

Pour info, voici mon .htaccess :

RewriteRule ^([a-zA-Z]+)/([a-zA-Z]+)/([a-zA-Z]+)/(.+)$ index.php?langue=$1&module=$2&action=$3&param=$4 [L]
RewriteRule ^([a-zA-Z]+)/([a-zA-Z]+)/([a-zA-Z]+)$ index.php?langue=$1&module=$2&action=$3 [L]

[CinePhil]

J'ai essayé d'ajouter en premier dans le .htaccess la règle suivante mais sans succès quant à mon problème :

RewriteRule ^([a-zA-Z/]+)(aj_[a-zA-Z_]+)(.php)$ application/ajax/$2.php [L]

L'idée est de dire à Apache d'appeler directement le fichier application/ajax/aj_quelque_chose.php si l'URL est de la forme quelque/chose/aj_quelque_chose.

J'ai bien sûr déplacé mon fichier aj_restreindre_options.php dans application/ajax/ !

[mathieu]

la fonction AJAX lance une requête HTTP comme le ferait le navigateur
donc si la requête http://localhost/pef/fr/Inscription/ajouter fonctionne, l'appel AJAX devrait plutôt contenir :

Code :

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

"ajax" : "http://localhost/pef/fr/Inscription/aj_restreindre_option"

[CinePhil]

J'ai essayé (en remettant le fichier aj_restreindre_options.php dans le contrôleur) mais pas de résultat et erreur 404 dans l'outil de développement de Firefox.

Reprenons...

Code Javascript :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
function restreindreOption(specialisation)
{
	$.ajax({
		type: 'POST',
		url: 'aj_restreindre_option.php',
		data: 'specialisation='+specialisation,
		dataType: 'text',
		cache: 'false',
		success: function(liste_options)
		{
			alert('coucou');
		}
	});
}

=> N'affiche rien + erreur 404 dans la console Firefox.

Code Javascript :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
function restreindreOption(specialisation)
{
	$.ajax({
		type: 'POST',
		url: 'http://localhost/pef/fr/Inscription/aj_restreindre_option',
		data: 'specialisation='+specialisation,
		dataType: 'text',
		cache: 'false',
		success: function(liste_options)
		{
			alert('coucou');
		}
	});
}

=> N'affiche rien + erreur 404 dans la console Firefox.

Code Javascript :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
function restreindreOption(specialisation)
{
	$.ajax({
		type: 'POST',
		url: 'application/module/Inscription/Controleur/aj_restreindre_option.php',
		data: 'specialisation='+specialisation,
		dataType: 'text',
		cache: 'false',
		success: function(liste_options)
		{
			alert('coucou');
		}
	});
}

=> Affiche bien coucou.

Code Javascript :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
function restreindreOption(specialisation)
{
	$.ajax({
		type: 'POST',
		url: 'application/module/Inscription/Controleur/aj_restreindre_option.php',
		data: 'specialisation='+specialisation,
		dataType: 'text',
		cache: 'false',
		success: function(liste_options)
		{
			alert(liste_options);
		}
	});
}

=> Affiche ma page complète avec le code d'erreur interne au programme.

Request_uri : /pef/fr/Inscription/application/module/Inscription/Controleur/aj_restreindre_option.php<br />$_REQUEST : <pre>Array
(
[langue] => fr
[module] => Inscription
[action] => application
[param] => module/Inscription/Controleur/aj_restreindre_option.php
[specialisation] => 40
)
</pre><!DOCTYPE html>
<html>
<head>

...

<div id="contenu">
<div id="error_msg">
ERREUR !<br />
L'action demandée n'existe pas ! </div>

</div><!-- Fin contenu -->

L'URL rewriting considère que l'action est "application", ce qui est évidemment faux. Le chemin vers le fichier a été ajouté au début de l'url /pef/fr/Inscription/.

J'essaie alors de ne mettre que l'action :

Code Javascript :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
function restreindreOption(specialisation)
{
	$.ajax({
		type: 'POST',
		url: 'aj_restreindre_option',
		data: 'specialisation='+specialisation,
		dataType: 'text',
		cache: 'false',
		success: function(liste_options)
		{
			alert('coucou');
		}
	});
}

=> => N'affiche rien + erreur 404 dans la console Firefox.

[CinePhil]

Je progresse !

J'avais un léger problème de syntaxe entre mon action aj_restreindre_options et mon programme aj_restreindre_option.php (option au pluriel <=> singulier).
J'ai aussi modifié mes rewrite rules pour qu'elles prennent en compte la présence de l'underscore car elles n'acceptaient que des lettres.

Voilà donc où j'en suis :

Code javascript :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
function restreindreOption(specialisation)
{
	$.ajax({
		type: 'POST',
		url: 'http://localhost/pef/fr/Inscription/aj_restreindre_options',
		data: 'specialisation='+specialisation,
		dataType: 'text',
		cache: 'false',
		success: function(liste_options)
		{
			alert(liste_options);
		}
	});
}

Le programme aj_restreindre_options.php placé dans le répertoire Controller du module :

Code PHP :

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

1
2
3
4
5
6
// Récupération de la spécialisation sélectionnée par l'utilisateur (vient de la fct javascript restreindreOption(specialisation)
$idSpecialisation = intval($_POST['specialisation']); 
 
// TODO Test à supprimer
echo 'Spécialisation sélectionnée : '.$idSpecialisation;
exit;

=> Le exit; est important pour ne pas avoir le texte de toute la page html puisque le progamme ajax n'est pas appelé directement mais via le cheminement de mon enchaînement de programmes à travers le contrôleur, avec génération de la page à la fin.

Et là j'ai bien la boîte de dialogue qui m'affiche : Spécialisation sélectionnée : 38

Reste maintenant à remplacer les options de l'autre liste à l'aide de ce que j'interroge en BDD.

Je passe en résolu et j'ouvrirai une autre discussion si j'ai des soucis avec cette étape.

EDIT : Pas besoin d'autre discussion, ça fonctionne.
Je ferai un petit billet de blog là dessus plus tard.

EDIT 2 : J'ai finalement ajouté une RewriteRule dans mon .htaccess pour que l'URL appelée en Ajax ne passe pas par le filtre index.php qui renvoie sur le contrôleur du module qui appelle le fichier PHP de l'action aj_restreindre_options :

RewriteRule ^([a-zA-Z\/]+)\/(aj_)([a-zA-Z_]+)$ application/ajax/aj_$3.php [L]
RewriteRule ^([a-zA-Z]+)\/([a-zA-Z]+)\/([a-zA-Z_]+)\/(.+)$ index.php?langue=$1&module=$2&action=$3&param=$4 [L]
RewriteRule ^([a-zA-Z]+)\/([a-zA-Z]+)\/([a-zA-Z_]+)$ index.php?langue=$1&module=$2&action=$3 [L]

Ainsi, tous mes fichiers ajax seront bien rangés au même endroit et pas répartis dans les contrôleurs des modules.

EDIT 3 : Billet de blog publié. Pourquoi remettre à plus tard ce qu'on peut faire tout de suite tant que c'est frais dans la tête ?

[mathieu]

EDIT 3 : Billet de blog publié. Pourquoi remettre à plus tard ce qu'on peut faire tout de suite tant que c'est frais dans la tête ?

je viens de lire l'article et je n'avais pas compris qu'avec la règle par défaut, le contenu HTML est généré autour de la réponse.
et donc je pense aussi qu'une nouvelle règle de réécriture est le plus logique pour traiter ces requêtes AJAX