在不使用cookie的情况下将变量的值传递到另一个页面（Javascript）

Question

im new to javascript and I am wondering how can I pass a variable's value from page 1 to page 2 ? In PHP, when submitting a form I can use on page 2 $Test = $_POST[id1]; to obtain the value of the form element with id1 .
In this case I cannot use aa form or PHP because I am populating the Divs containing products images and titles from my database and I need to use the Onclick(); function to store the clicked Div's value and pass it to Page2; then populate the item's data.
How can I implement this easily without the need of using cookies ?

This is what I have so far :

HTML

<?php  foreach( $result as $res) : ?> 

<div class="main"<?php echo $res['tag'];?>">
<div class="image">

<a href="page2.html" title="<?php echo $res['id'];?>"><?php echo $res['image'];?></a>
<a href="page2.html" class="title"><?php echo $res['id'];?></a>

</div> 
</div>    
<?php endforeach;  ?>

Javascript ( get Value of Clicked Div )

$('.title').click(function() {
var selectedId = $(this).text();
 window.alert(selectedId); });

The above works fine, How I pass selectedId to page2 ? Thnaks

Answer 1

If you want to use only jQuery and no forms, no PHP, you could use the jQuery functions to store values in the session.

A plugin might help you, like this one : http://www.jquerysdk.com/api/jQuery.sessionStorage

Answer 2

sessionStorage.setItem('storedId', $(this).text(););

should be like this:

sessionStorage.setItem('storedId', $(this).text()); //you have extra semicolon

that might be one of your error

Answer 3

This can be achieved using jquery and ajax:

$('#sampButton').click(function(e){


            $.ajax({
                    type:'post',
                    url:'php/filename.php',
                    data:{toSubmit: $('#textBoxValue').val()},
                    success:function(data)
                    {


                    }
        });
        });

Then on the filename.php file, you can call the toSubmit as a POST variable, $_POST['toSubmit'].

Hope this helps.