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

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

Susan Sarandon
發布: 2024-12-11 07:15:11
原創
169 人瀏覽過

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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板