get_data.httml
var memberslistdata = { "1": "pakainfo", "2": "tamilrokers", "3": "khatrimajaa" }
localStorage.setItem('lists', JSON.stringify(memberslistdata));
OR IF INTPUT IS INSIDE FORM BETTER USER JQUERY SERIALIZER
var memberslistdata = $("#form").serialize();
results.html
var memberslistdata = localStorage.getItem('lists');
//pase the value
var finalvalue = JSON.parse(memberslistdata);
// it look like this { "1": "tamilrokets", "2": "jiorokers", "3": "bolly4u" };
HTML code
<a href="api.html?permalinksdata='9898'">Structure</a>
jQuery Code
$( document ).on( "pageinit", "#api", function( event ) {
var allArguments = $(this).data("url").split("?")[1];
allArguments = parameters.replace("permalinksdata=","");
alert(allArguments);
});
I hope you get an idea about passing values from javascript to html page.