在编写 Web 应用程序时,可以使用 cookie 存储有关用户的信息。JavaScript 提供了函数来访问和操作 cookie。本文将介绍如何使用 JavaScript 中的 getCookie 函数。
什么是 Cookie?
Cookie 是一种小型文本文件,由服务器发送到客户端浏览器并存储在用户计算机上。每当用户加载页面时,浏览器都会发送该 cookie 回到服务器。这使得 Web 应用程序可以在不要求用户登录或重复提交表单的情况下记住用户数据。
如何设置 Cookie?
您可以使用 JavaScript 的 document.cookie 属性设置 cookie 值。以下是一个设置 cookie 的示例:
document.cookie = "username=John Doe";
该代码将在用户计算机上创建一个名为“username”的 cookie,并将其值设置为“John Doe”。
如何获取 Cookie?
可以使用 JavaScript 的 getCookie 函数来访问 cookie。该函数获取 cookie 名称作为参数,并返回存储在该 cookie 中的值。以下是一个获取 cookie 的示例:
-- -------------------- ---- ------- -------- --------------- - --- ------------ - ---------------- --- ------- - --------------------- --- --- ---- - - -- - - --------------- ---- - --- ------ - ----------- --- ---------- - --------------------- --- ----------- - --------------------- -- ----------- --- ----- - ------ ------------ - - ------ ----- -
该代码定义了一个名为 getCookie 的函数,该函数获取 cookie 名称作为参数,并遍历所有 cookies。如果找到与指定名称匹配的 cookie,则返回该 cookie 的值,否则返回 null。
示例代码
以下是一个完整的示例,展示如何使用 getCookie 函数获取名为“username”的 cookie 值:
-- -------------------- ---- ------- --------- ----- ------ ------ ---------- ------ --------------- -------- -------- --------------- - --- ------------ - ---------------- --- ------- - --------------------- --- --- ---- - - -- - - --------------- ---- - --- ------ - ----------- --- ---------- - --------------------- --- ----------- - --------------------- -- ----------- --- ----- - ------ ------------ - - ------ ----- - ------------- - ---------- - --- -------- - ---------------------- -- --------- -- ----- - -------------- ----- - - -------- - ----- - ---- - -------- - -------------- ----- ---- ------- ---- -- --------- -- ---- -- -------- -- --- - --------------- - ----------- - --------- - - -- --------- ------- ------ ------- ------ ------------ ------- -------
该代码在页面加载时调用 getCookie 函数来获取名为“username”的 cookie 值。如果 cookie 存在,则向用户发送欢迎消息。否则,它将提示用户输入其名称,并将其存储为新的“username”cookie。
总结
JavaScript 提供了一些函数来访问和操作 cookie。getCookie 函数是其中之一,用于获取指定 cookie 的值。使用 cookie 可以使 Web 应用程序更加交互,并允许应用程序记住用户数据。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/28388