Home > Article > Web Front-end > How to modify a key-value pair in a cookie with jquery
When developing a website, it is often necessary to use cookies to store user data. JQuery is one of the popular JavaScript libraries, which provides some convenient methods to operate cookies.
This article will introduce how to use JQuery to modify a key-value pair in a cookie. Let’s get started!
Before creating a cookie, you need to ensure that JQuery has been loaded.
The following is to create a cookie named exampleCookie with the value example:
$.cookie("exampleCookie", "example");
When you need to modify the value in the cookie , which can be achieved by calling the $.cookie method.
The following is the code to modify the value of exampleCookie to newExample:
$.cookie("exampleCookie", "newExample");
If you want to change the keys that exist in the cookie, you can use the JSON object as follows:
var cookieObj = $.parseJSON($.cookie('exampleCookie')); cookieObj.key = "value"; $.cookie('exampleCookie', JSON.stringify(cookieObj));
If you want to delete a cookie, you can use the following code:
$.removeCookie("exampleCookie");
This will delete the cookie named exampleCookie.
In addition to basic key-value pairs, JQuery's cookie API also provides some options.
For example, you can set the cookie expiration time, path, domain name, etc. Here are some of the available options:
For example, the following code creates a cookie named exampleCookie, which will expire after 7 days and can only be accessed at the specified path:
$.cookie("exampleCookie", "example", { expires: 7, path: '/example/path' });
Similarly, when you need to modify cookie options, you can use the $.cookie method and provide options.
For example, the following code will modify the path of exampleCookie:
$.cookie("exampleCookie", "example", { path: '/new/path' });
In this article, we introduced how to use JQuery to modify a key-value pair in a cookie. Using these methods, you can better manage cookies and provide a better user experience.
The above is the detailed content of How to modify a key-value pair in a cookie with jquery. For more information, please follow other related articles on the PHP Chinese website!