如何遍歷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