91网首页-91网页版-91网在线观看-91网站免费观看-91网站永久视频-91网站在线播放

：js如何獲取瀏覽器中的Cookie內的對象內容

要獲取瀏覽器中的Cookie內的對象內容，你可以使用JavaScript的document.cookie屬性。這個屬性可以返回當前頁面的所有Cookie字符串，然后你可以通過解析這個字符串來獲取特定的Cookie值，并將其轉換為對象（如果它是以JSON格式存儲的）。

方案一：直接獲取和解析JSON格式的Cookie

假設你存儲了一個JSON格式的Cookie，你可以這樣做：

獲取Cookie字符串

解析JSON字符串

示例代碼

function getCookieObject(name) {

    let cookieValue = document.cookie

        .split('; ')

        .find(row => row.startsWith(name + '='))

        .split('=')[1]; // 獲取到具體的值

    try {

        return JSON.parse(decodeURIComponent(cookieValue)); // 解析并解碼

    } catch (e) {

        console.error('Error parsing the cookie:', e);

        return null; // 或者拋出更具體的錯誤，根據需求

    }

}

// 使用示例

const userData = getCookieObject('userData');

if (userData) {

    console.log(userData);

} else {

    console.log('No userData cookie found or it is not in JSON format.');

}

方案二：處理非JSON格式的Cookie，手動提取數據

如果你的Cookie不是JSON格式的，而是多個以分號分隔的鍵值對，你可以手動解析它們：

示例代碼

function getCookie(name) {

    let nameEQ = name + "=";

    let ca = document.cookie.split(';'); // 分割所有的Cookie項

    for(let i = 0; i < ca.length; i++) {

        let c = ca[i];

        while (c.charAt(0) == ' ') c = c.substring(1, c.length); // 移除前導空格

        if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length); // 返回具體的值

    }

    return null; // 沒有找到對應的Cookie名稱

}

// 使用示例（假設你有多個以分號分隔的鍵值對）

const userId = getCookie('userId'); // 獲取userId的值

const userName = getCookie('userName'); // 獲取userName的值

console.log('User ID:', userId);

console.log('User Name:', userName);

報錯問題解釋及解決方法：

報錯問題1：無法解析Cookie為JSON對象。

解釋：這通常發生在JSON.parse()調用時，如果Cookie的值不是一個有效的JSON字符串。例如，它可能是undefined，或者編碼不正確。

解決方法：在JSON.parse()調用前檢查Cookie值是否存在并且是有效的JSON字符串。如上例中的try-catch塊已經包括了這一處理。

報錯問題2：Cookie名稱不存在。

解釋：嘗試訪問一個不存在的Cookie名稱會返回null，這可能會導致程序出錯，尤其是在嘗試訪問返回的null的屬性時。

解決方法：在訪問任何返回的屬性之前，檢查該值是否為null。例如，使用條件語句檢查if (userData)。

通過上述方法，你可以安全地獲取和解析瀏覽器中的Cookie內容。