将变量的值传递给另一个页面而不使用cookie(Javascript)

时间:2013-11-22 08:32:45

标签: javascript html5

我是javascript的新手,我想知道如何将变量的值从第1页传递到第2页? 在PHP中,提交表单时,我可以在第2页$Test = $_POST[id1];上使用id1来获取表单元素的值。
在这种情况下,我不能使用表单或PHP,因为我是从我的数据库填充包含产品图像和标题的Div,我需要使用Onclick();函数存储点击的Div的值并将其传递给Page2;然后填充项目的数据 如何在不需要使用cookie的情况下轻松实现?

这是我到目前为止所做的:

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 (获取Clicked Div的值)

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

以上工作正常,我如何将selectedId传递给第2页? Thnaks

3 个答案:

答案 0 :(得分:0)

如果你只想使用jQuery而不使用PHP,那么你可以使用jQuery函数在会话中存储值。

插件可能对您有所帮助,就像这样:     http://www.jquerysdk.com/api/jQuery.sessionStorage

答案 1 :(得分:0)

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

应该是这样的:

sessionStorage.setItem('storedId',$(this).text()); //你有额外的分号

可能是您的错误之一

答案 2 :(得分:0)

这可以使用jquery和ajax来实现:

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


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


                    }
        });
        });

然后在filename.php文件中,您可以将toSubmit作为POST变量调用,$ _POST ['toSubmit']。

希望这有帮助。