javascript - 如何使用 javascript 将数据存储为 url 参数？

Question

我有一个标签式导航菜单，并且为每个标签创建了散列 URL。在一个选项卡中，我有多个信息卡，每张卡的右上角都有一个复选框。选中此复选框后，卡片的背景颜色会发生变化。

我的目标是，当页面刷新或作为链接发送时，已选中的卡片将与更改后的背景颜色一起保持选中状态。非常感谢任何帮助。

Answer 1

您可以使用这样的函数:

function dataToQueryString(data){
    var encoded = [];

    for(var key in data){
        // skip prototype properties
        if(!data.hasOwnProperty(key)) continue;

        // encode string properly to use in url
        encoded.push(key + '=' + encodeURIComponent(data[key]));
    }

    return '?' + encoded.join('&');
}

像这样使用它:

data = {
    id: 1,
    name: "John Doe"
}

url = url + dataToQueryString( data );

---

或针对您的情况更具体:

function storeCardsInQueryString(cards){
    var encoded = [];

    for(var i = 0; i < cards.length; i++){
        encoded.push('cards[]=' + cards[i]);
    }

    return '?' + encoded.join('&');
}

像这样使用它:

cards = [ 1, 7, 21, 22, 53 ];

url = url + storeCardsInQueryString( cards );