failed to send array in url in workligh application using jquerymobile - jquery-mobile

Question

I am building a hybrid application in IBM worklight using jquerymobile.
I want to send the json array returned by server php to another page in the url. The codes are shown below:
searchPools.js file
(file from which the another page is called)
$(document).undelegate('#srhPool', 'click').delegate('#srhPool', 'click', function() {
var source = $("#csource1").val();
var destination = $("#cdest1").val();
var poolDate = $("#pooldate1").val();
if(source == null || source == "")
$("#csource1").parent().css('border','2px solid red');
if(destination == null || destination == "")
$("#cdest1").parent().css('border','2px solid red');
if(poolDate == null || poolDate == "")
$("#pooldate1").parent().css('border','2px solid red');
if(source == null || source == "" || destination == null || destination == "" || poolDate == null || poolDate == "" || validateRadio == false){
alert("Oops! Your Pooling Info is Incomplete.");
}
else{
savePool(userId, source, destination, poolDate, preferVehicle);
}
});
//save pool info
function savePool(userId, source, destination, poolDate, preferVehicle){
$.mobile.utils.showWaitBox("a", "Wait! Searching Poolers...");
var invocationData9 = {
adapter : 'registerUser',
procedure : 'searchPoolData',
parameters : [userId, source, destination, poolDate, preferVehicle]
};
WL.Client.invokeProcedure(invocationData9, {
onSuccess : poolSuccess,
onFailure : poolFailure,
});
}
function poolSuccess(result){
$.mobile.utils.hideWaitBox();
var invocationResult = result.invocationResult;
var array1 = invocationResult.pools;
var dataurl2 = '?array='+array1;
$.mobile.changePage('../../pages/passenger/poolResults.html'+dataurl2, {transition: "slide"});
}
function poolFailure(result){
$.mobile.utils.hideWaitBox();
WL.Logger.error('Search Unsuccessful');
}
poolResults.js(the file where the array is accessed)
$(document).on( 'pagebeforeshow', '#poolResults', function(event){
var params = new Array();
function getParams(){
var idx = document.URL.indexOf('?');
if (idx != -1) {
var pairs = document.URL.substring(idx+1, document.URL.length).split('&');
for (var i=0; i<pairs.length; i++){
nameVal = pairs[i].split('=');
params[nameVal[0]] = nameVal[1];
}
}
return params;
}
params = getParams();
getArray = unescape(params["array"]);
alert(getArray);
});
Its not working. What I want to do is that I clicked a button in a page, then some results are retreived through http adapters. In the searchPools.js file, the values are successfully obtained in the poolSuccess function. Now, these values are to be displayed on the other page which is showed using $.mobile.changePage. I want to know the way I am using is right, or some other way is available for achieving this.

Answer 1

Send the array like this
$.mobile.changePage('page2.html', { dataUrl : "page2.html?parameter=123", data : { 'paremeter' : '123' }, reloadPage : true, changeHash : true });
and retrive them like
$("#index").live('pagebeforeshow', function (event, data) {
var parameters = $(this).data("url").split("?")[1];;
parameter = parameters.replace("parameter=","");
alert(parameter);
});
For More Info See The Link
For your understanding Pass it as
$.mobile.changePage("newPage.html", {data:{ param1 : YOUR JSON } });
And retrive it as
<script type="text/javascript">
$("#newPageId").on("pageshow", onPageShow);
function onPageShow(e,data)
{
var url = $.url(document.location);
var param1 = url.param("param1");
}
</script>