cookie jquery_在jQuery中使用Cookie
cookie jquery
Cookies是最常用的在客户端存储数据的技术。 我之前的文章“ 如何使用JavaScript处理Cookie”介绍了如何使用原始JavaScript对Cookie执行CRUD操作。 本文将介绍jQuery，并指导您使用jquery.cookie ，该插件可简化Cookie的处理。
本文假定读者熟悉先前引用的文章中的内容，或者至少具有对Cookie的基本理解。 话虽如此-让我们开始吧。
安装jquery.cookie
您需要做的第一件事是从GitHub上的存储库下载jquery.cookie。 一旦有了文件jquery.cookie.js ，您只需要将其添加到您的页面即可。 请注意，作为jQuery插件，您必须将其包括在 jQuery库之后。 您的页面应包含类似于以下内容的一段代码：
<head>
<script src="path/to/jquery.js"></script>
<script src="path/to/jquery.cookie.js"></script>
</head>方法
为了创建和检索cookie，jquery.cookie使用相同的方法cookie() ，但具有不同数量的参数。 要创建cookie，您需要传入两个必需的参数，分别是cookie的名称和值。 您可以传递第三个可选参数，该参数是包含一些其他选项的对象文字。 这些选项是path ， domain ， expires和secure 。 值得注意的是，这些选项可以在本地调用cookie()方法时设置，也可以通过$.cookie.defaults对象全局$.cookie.defaults 。 使用前者设置的选项优先于使用后者设置的选项。 要查看如何创建cookie，让我们看一些示例。
以下示例跟踪用户访问网站的次数：
$.cookie("visits", 10);此示例存储用户喜欢的城市，并指定可以读取和写入Cookie的域和路径：
$.cookie("favourite-city", "London", {path: "/", domain: "jspro.com"});本示例存储用户名。 该特定的Cookie将于2013年10月29日上午11点过期，并且只能通过安全连接发送。
$.cookie("name", "Aurelio", {expires: new Date(2013, 10, 29, 11, 00, 00), secure: true});检索Cookie
检索cookie非常简单。 您只需传递一个参数（即cookie的名称）来检索它，如以下示例所示：
要检索用户访问该网站的次数：
console.debug($.cookie("visits")); // print "10"要检索用户喜欢的城市：
console.debug($.cookie("favourite-city")); // print "London"要检索用户名：
console.debug($.cookie("name")); // print "Aurelio"删除Cookie
现在，您知道如何创建和检索Cookie。 您需要了解的最后一件事是如何使用removeCookie()方法删除cookie。 如果找到请求的cookie，则返回true ，否则返回false 。 请注意，当您要删除Cookie时，需要传递相同的选项，例如path和domain ，否则操作将失败。 现在，让我们看一下removeCookie()方法的几个示例。
要删除cookie存储站点访问：
$.removeCookie("visits"); // successfully deleted要删除存储用户喜欢的城市的cookie，请执行以下操作：
$.removeCookie("favourite-city", {path: "/", domain: "jspro.com"}); // successfully deleted 接下来，我们尝试删除存储用户名的cookie。 此示例失败，因为未指定secure值。
$.cookie("name"); // fails because the secure value is missing结论
本文向您展示了如何使用jQuery插件jquery.cookie管理cookie。 它通过将cookie实现细节抽象为一些简单，灵活的方法来解决许多问题。 如果您需要进一步的说明或其他示例，请参阅官方文档 。
并且，如果您喜欢阅读这篇文章，您会喜欢Learnable的 ； 向大师学习新鲜技能的地方。 成员可以立即访问SitePoint的所有电子书和交互式在线课程，例如jQuery：Ninja的新手：New Kicks And Tricks 。
本文的评论已关闭。 对jQuery有疑问吗？ 为什么不在我们的论坛上提问呢？
翻译自: https://www.sitepoint.com/eat-those-cookies-with-jquery/
cookie jquery