¿Pasar datos entre páginas con jQuery Mobile?

Question

Acabo de empezar a aprender jQuery Mobile, y he aprendido cómo carga todos los enlaces a través de ajax sin cargar la página siguiente. Varias de mis páginas usan formularios y GET para pasar datos a la página siguiente-- ¿Cómo puedo hacer esto mientras uso jQuery Mobile?

Answer 1

Una cosa que creo que es genial sobre JQM es que no tienes que usar parámetros para pasar datos entre páginas. Ya que estás en el mismo DOM como la primera página, se puede acceder a los datos utilizando variables llanura de edad, es decir

field1 = $('[name=field1]').val(); 
field2 = $('[name=field2]').val(); 

Y mientras usted está utilizando la función de ajax de JQM que podría hacer lo siguiente en el página siguiente:

$('.title').text(field1); 

Hice a jsfiddle example para usted.

Otras formas serían usar la API localStorage o sessionStorage o también hay algunos complementos mencionados en los documentos.

1. page params
2. JQM router plugin

Answer 2

Comúnmente, hay 2 método para parámetro de transferencia entre la página jQuery Mobile.

1. Modifique la dirección Ajax en la primera página y analice el ajax para obtener el parámetro en la página siguiente.
2. Usando HTML5 sessionStorage, un tipo de WebStorage, para transferir el parámetro.

---

Esta es la dirección uso ajax método para transferir parámetro. How to pass and get Parameters between two Pages in Jquery Mobile?

---

Usando sessionStorage/localStorage para transferir parámetros, puede añadir este código en primera página,

<a href="#page_Parameter1" onclick="sessionStorage.ParameterID=123"> 
    Before go to next page, parameter id is storaged into sessionStorage. 
</a> 

En la página siguiente, puede utilizar este método para tomar el contenido del parámetro,

$('#page_Parameter1').live('pageshow', function(event, ui) { 
    alert('Parameter ID: ' + sessionStorage.ParameterID); 
});