jQuery Mobile : comment passer des paramètres entre pages | blogatom.

Le framework jQuery Mobile offre en standard une gestion sophistiquée de la navigation au sein d'une application ; notamment, il sait aller automatiquement charger une page en Ajax pour en afficher le contenu, donnant ainsi l'impression que l'on est resté sur la même page.

Il y a par contre une conséquence regrettable à ce système : il n'est du coup pas simple de passer des paramètres d'une page à une autre ; plus précisément, ce n'est simplement pas possible en standard!

Il faut donc utiliser un petit plugin que l'on trouve sur GitHub : jqm.page.params.js. Une fois ce script ajouté à votre page, vous pourrez passer des paramètres via l'URL de façon classique, puis les récupérer en faisant quelque chose comme:

$('#ma-page').live("pagebeforechange", function( event, data ) {
  $.mobile.pageData = data.options.pageData;
});

Vous pourrez alors récupérer $.mobile.pageData n'importe où dans la page pour récupérer les paramètres extraits de l'URL.