Passing parameters from one page to another in jQuery mobile application

Question

I am building a jQuery mobile application using PhoneGap. I have to open a new page by passing some parameters of perivous page using jQuery mobile. For this I have tried to use local storage, like this:

$("li").click(function(){
    console.log("hi");
    var index = $(this).index();
    console.log("index"+ index);

    window.localStorage.setItem("date",userArray_date[index] );
    window.localStorage.setItem("title",userArray_title[index] );

    window.location.href='mypage.html';     
});

On another page I retrieved values like this:

var display_date = window.localStorage.getItem("date");
var display_title = window.localStorage.getItem("title");

$("#Date_Leaf").append(display_date);
$("#Title_Leaf").append(display_title);

This is working properly on an Android phone but does not work on Windows 7 phone. Can anybody tell me where I am going am wrong please?

even I try to use $.mobile.changePage('mypage.html?date'=dispaly_date); but windows emulator show error on loading page. — Amarjit
– Amarjit, Commented Aug 16, 2012 at 4:51

gajdo · Accepted Answer · 2012-09-08 10:35:18Z

3

http://docs.phonegap.com/en/2.0.0/cordova_storage_storage.md.html#localStorage

try use local storage in onDeviceReady function

edited Sep 8, 2012 at 10:35

answered Sep 8, 2012 at 10:26

gajdo

312 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

henri_1310 · Accepted Answer · 2014-01-15 22:45:12Z

2

We Use PhoneGap deviceready method for localstorage and it work fine. like:

document.addEventListener("deviceready", myMethod, false);
function myMethod(){

$("li").click(function(){


    var index = $(this).index();

    console.log("index"+ index);

    window.localStorage.setItem("date",userArray_date[index] );
    window.localStorage.setItem("title",userArray_title[index] );

window.location.href='mypage.html';
});}

and On mypage.html:

document.addEventListener("deviceready", page2Method, false);

function page2Method(){

  var display_date = window.localStorage.getItem("date");
  var display_title = window.localStorage.getItem("title");

}

edited Jan 15, 2014 at 22:45

henri_1310

3157 silver badges21 bronze badges

answered Sep 7, 2012 at 7:14

Amarjit

4,3772 gold badges37 silver badges53 bronze badges

Collectives™ on Stack Overflow

Passing parameters from one page to another in jQuery mobile application

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related