jQuery:在一个页面上设置cookie并从另一个页面检索

时间:2013-07-11 09:47:54

标签: jquery cookies jquery-cookie

我有两个HTML页面。

setcookie.html

<script>    
if($.cookie('order_by') == null){
   $.cookie('order_by', 'Name');
}
console.log($.cookie('order_by'))  //Works fine
</script>

现在,我想在其他一些我无法做到的页面上检索此cookie。现在,setcookie.html中有一个链接可以转到getcookie.html

getcookie.html

<script>    
console.log($.cookie('order_by'))  //Doesn't work
</script>

由于cookie已经设置(并且它永远不会过期),我应该能够在其他页面上检索它的值。正确?

我该怎么办?

修改

这是getcookie.html的整个HTML。

<ul class="filter-by">
<li>
Filter by<br /><script>$('.filter-by li').append('<strong>'+$.cookie('order_by' , { path: '/' })+'</strong>');</script>
 <ul class="filter-items-list">
   <li>Name</li>
   <li>Views</li>
   <li>Latest</li>
   <li>Downloads</li>
  </ul>
<script>
$('.filter-items-list li').click(function(e) {
$.cookie('order_by',$(this).html(),  { path: '/' });
location.reload();
});
</script>
</li>
</ul>

1 个答案:

答案 0 :(得分:0)

我想我知道这就是问题所在。您需要设置整个网站的Cookie:

setcookie.html:

$.cookie('order_by', 'Name', {'path': '/'});

getcookie.html:

console.log($.cookie('order_by'));