如何遍历Cookie，然后单击按钮，根据Cookie中的值更改网址

Question

我有一个Cookie数据ID，其数据如下所示：“ D_2781467，D_2792290，D_2803725，D_2677313，D_2799569，D_2805134，D_2758142，D_2802506，D_2802509，D_2802508，D_2803726，D_2652515”

在体内，我们有如下价

<body class="mycars" data-listing-id="2792290">

URL将像

http://www.abcd.com/c_f_s/D_2792290/xyz.html

我想要的是在此页面中单击按钮后，将用户转到下一个网址，如

http://www.abcd.com/c_f_s/D_2803725

因此，基本上，我们需要以某种方式遍历cookie并获取索引，然后按一下按钮，以从cookie接收到的数字更改网址

Answer 1

你可以这样

HTML

<a href="javascript:;" id="next">Next</a>

脚本

$(function(){
    var dataArr = ['D_2781467', 'D_2792290', 'D_2803725', 'D_2677313', 'D_2799569',
                   'D_2805134', 'D_2758142', 'D_2802506', 'D_2802509','D_2802508',
                   'D_2803726', 'D_2652515'];
    var index = 0;
    $.cookie('index', 0);

    $('#next').on('click', function (e) {  
        e.preventDefault();
        if (index < dataArr.length-1) { // check index length
            index++ ;// increment index
        } else {
            index = 0; // reset index             
        }
        var currentIndex = $.cookie('index'); // get current cookie index from cookie
        $.cookie('index', index);        
        alert('http://www.abcd.com/c_f_s/' + dataArr[currentIndex]);
    });
});

您可以使用Cookie插件

现场演示

Answer 2

这是我的操作方式（未经测试，但这是基本思想）。

使用http://www.w3schools.com/js/js_cookies.asp中的getCookie函数

$('#button').click(function() {
 var cook = getCookie('dataid').split(',')
 var myId = $('body').eq(0).attr('data-listing-id')
 var index = cook.indexOf('D_'+myId)
 if (index == -1 || index == cook.length - 1)
  return;
 document.location = 'http://www.abcd.com/c_f_s/D_'+cook[index+1]
}

如何遍历Cookie，然后单击按钮，根据Cookie中的值更改网址

问题描述

2 个解决方案

解决方案1
1 已采纳 2014-04-14 05:28:26

解决方案2
0 2014-04-14 05:28:19

如何遍历Cookie，然后单击按钮，根据Cookie中的值更改网址

问题描述

2 个解决方案

解决方案1 1 已采纳 2014-04-14 05:28:26

解决方案2 0 2014-04-14 05:28:19

解决方案1
1 已采纳 2014-04-14 05:28:26

解决方案2
0 2014-04-14 05:28:19