Discussion :

[Anju44]

Bonjour !

Alors tout d'abord, il faut savoir que je n'y connais pas grand chose en ajax, et que je suis trèèèèès débutante en jquery...
Je développe mon site avec CakePHP 3.

Donc voilà ce que je voudrais faire:
J'ai une page avec une liste déroulante d'années, et un tableau. Le tableau se remplit en fonction de l'année choisie dans la liste déroulante.
Donc en gros, je voudrais récupérer l'année de la liste déroulante, et l'envoyer à ma fonction en paramètre.

Voici ce que j'ai fais pour l'instant :

Ma vue (mon select):

Code :

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

<?php echo $this->Form->year('year', ['minYear' => 2000, 'maxYear' => date('Y'), 'class' => 'year', 'default' => 'maxYear', 'id' => 'year']); ?>

Ma fonction dans mon contrôleur :

Code :

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

1
2
3
4
5
6
7
public function archive($year = null)
{
    debug($year);
    $operations = $this->Operations->find('all')->contain(['Environnements', 'Sites'])->where(['year' => $year])->order(['name ASC']);
 
    $this->set('operations', $operations);
}

Ma fonction javascript:

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
$(document).ready(function($) 
{ 
    $('#year').change(function(e){
        var select = $('#year').val();
        console.log(select);
 
        $.ajax({
            url: '/Intranet/centralisation_url/pages/archive',
            type: 'get',
            data: {year: select},
            /*success: function(data){
                
            }*/
    });
    });
});

Donc j'arrive à récupérer l'année quand je modifie mon select. Bien qu'il faudrait qu'il récupère l'année à la première lecture aussi...

Bref, comment envoyer la valeur du select à mon contrôleur pour que ma fonction la prenne en paramètre ?


Merci par avance pour votre aide


Ju'

[Anju44]

J'ai modifié un peu mon script :

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
$('#year').change(function(e){
        var select = $('#year').val();
        console.log(select);
 
        $.ajax({
            url: '/Intranet/centralisation_url/pages/archive/' + select,
            type: 'get',
            success: function(data, statut){
                console.log('succès ' + select);
            },
            error: function(resultat, statut, erreur){
                console.log('erreur ' + select);
            }
        });
    });

De cette façon, je peux voir dans la console de Chrome, que l'adresse générée est la bonne : http://localhost/Intranet/centralisa...s/archive/2012
Mais comment faire pour que mon url se change dans le navigateur ?

[Amnael]

Je ne sais pas si c'est ce que tu cherches à faire, mais pour charger une page en js tu peux agir sur l'attribut location directement en js sans faire de requête ajax.

Code :

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

document.location.href="lien de ta page a charger"

Si tu fais l'appel en ajax, tu dois voir la page s'appeler dans la console normalement, mais rien ne vas s'afficher. la page va simplement s'exécuter et tu ne verras rien s'afficher. Après libre à toi de récupérer des informations de retour sur la requete ajax pour agir sur ta page courante avec js.