Home / Programmazione / Javascript - AJAX / Passare parametri tra le pagine in jQuery Mobile
Mattepuffo

Passare parametri tra le pagine in jQuery Mobile

Passare parametri tra le pagine in jQuery Mobile

Se abbiamo un'applicazione multi-pagina con jQuery Mobile, e vogliamo passare parametri tra le varie pagine, non ci basta usare i classici parametri in GET; dobbiamo arrangiarci in altro modo.

Io personalmente ho usato sessionStorage!

In pratica nel link setto tutti i valori che mi servono usando setItem, e nella pagina di arrivo li prendo con getItem.

Quindi, il nostro link sarà una cosa del genere:

                             <a href="#page_up_tempo" data-transition="slideup"
                               onclick="
                                           sessionStorage.setItem('nome', 'MATTE');
                                           sessionStorage.setItem('cognome', 'PUFFO');
                               ">

A questo punto dobbiamo prendere i valori nella pagina page_up_tempo.

Per farlo possiamo fare così:

        <script>
            $('#page_up_tempo').on('pageshow', function() {
                alert(sessionStorage.getItem('nome') + ' ' +  sessionStorage.getItem('cognome'));
            });
        </script>

In pratica sulla pagina page_up_tempo abbiamo impostato l'evento pageshow (quando la pagina è visualizzata).

A questo con quel valore possiamo fare quello che vogliamo!

Ciao!