我如何遍历cookie，然后单击按钮，根据cookie中的值更改url

How can I traverse through cookie and then upon clicking a button change the url depending on values from cookie

本文关键字：cookie 根据 url 按钮 然后 何遍历 遍历 单击      更新时间：2023-09-26

我有一个cookie数据ID，给出的数据如下"D_2781467，D_2792290，D_2803725，D_2677313，D_2799569，D_2805134，D_2758142，D_2802506，D_280250m9，D_280250 8，D_280376，D_2652515"

我们体内有下方的手提箱

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

URL将类似

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

我想要的是，在这个页面中，点击一个按钮，用户就会被带到中的下一个url

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

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

你可以这样做，

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插件

实时演示

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

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

$('#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]
}
相关文章：