How to set multiple key-value pairs to one cookie?

In web development, it is common to store data on the user's browser, and using cookies is a standard approach. To set multiple key-value pairs into a single cookie, several strategies can be employed:

1. Storing Multiple Data in a Single Cookie

You can encode multiple key-value pairs into a single string and store this string as the cookie's value. Common encoding methods include serializing the data into a JSON string or using delimiters such as '&' to separate key-value pairs.

Example Code (JavaScript):

javascript
function setMultipleCookie(data) {
    const encodedData = JSON.stringify(data);
    document.cookie = "userData=" + encodeURIComponent(encodedData) + "; path=/; expires=Fri, 31 Dec 9999 23:59:59 GMT";
}

// Usage example
setMultipleCookie({
    username: "JohnDoe",
    age: 30,
    email: "john.doe@example.com"
});

2. Using Multiple Cookies to Store Data Separately

Another approach is to create separate cookies for each key-value pair. This method allows for individual configuration of expiration time and path for each data item.

Example Code (JavaScript):

javascript
function setCookie(name, value, expires, path) {
    let cookieString = `${name}=${encodeURIComponent(value)}`;
    if (expires) {
        cookieString += `; expires=${expires.toGMTString()}`;
    }
    if (path) {
        cookieString += `; path=${path}`;
    }
    document.cookie = cookieString;
}

// Usage example
setCookie("username", "JohnDoe", new Date(2029, 0, 1), "/");
setCookie("age", 30, new Date(2029, 0, 1), "/");
setCookie("email", "john.doe@example.com", new Date(2029, 0, 1), "/");

3. Using Base64 Encoding

If concerned about the data being directly readable after JSON encoding, consider using Base64 encoding to enhance data privacy.

Example Code (JavaScript):

javascript
function setEncodedCookie(data) {
    const jsonStr = JSON.stringify(data);
    const base64Data = btoa(jsonStr); // Using Base64 encoding
    document.cookie = "userData=" + base64Data + "; path=/; expires=Fri, 31 Dec 9999 23:59:59 GMT";
}

// Usage example
setEncodedCookie({
    username: "JohnDoe",
    age: 30,
    email: "john.doe@example.com"
});

All these methods can effectively store multiple key-value pairs in cookies. In practical applications, choose the appropriate method based on specific requirements and data confidentiality needs.