首頁 >web前端 >js教程 >如何在 JavaScript 中按名稱檢索特定 Cookie 值?

如何在 JavaScript 中按名稱檢索特定 Cookie 值?

Susan Sarandon
Susan Sarandon原創
2024-12-11 07:15:11168瀏覽

How Can I Retrieve a Specific Cookie Value by Name in JavaScript?

透過「依名稱取得Cookie」功能定位特定Cookie

在Web 開發中,Cookie 通常用於儲存和擷取相關使用者的資訊會議。存取 cookie 時,必須能夠按名稱定位特定 cookie。

挑戰:

考慮以下檢索cookie 值的getter 函數:

function getCookie1() {
    var elements = document.cookie.split('=');
    var obligations= elements[1].split('%');
    // ...
}

此函數從瀏覽器中的所有cookie 中擷取值。但是,我們希望將其修改為僅從名為「obligations=」的特定 cookie 中檢索值。

解決方案:

要實現此目的,我們可以利用更多有針對性的方法:

function getCookie(name) {
  const value = `; ${document.cookie}`;
  const parts = value.split(`; ${name}=`);
  if (parts.length === 2) return parts.pop().split(';').shift();
}

解釋:

  • split(; ${name}=): 這一行分割cookie 字串(前綴為「;」)由「;」中包含的目標cookie 名稱組成".
  • if (parts.length === 2): 此條件檢查指定名稱的cookie 是否存在。 ):
  • 這會刪除字串中包含cookie 的部分value.
  • split(';').shift():
  • 這會將剩餘的字串用「; 」分割並提取cookie 值。
  • 透過使用此函數,我們可以確保僅檢索「obligations=」 cookie中的值。

以上是如何在 JavaScript 中按名稱檢索特定 Cookie 值?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn