This article will show you how you can do cookies create,
read and delete operation using jquery in asp.net. This
article you can also use in asp.net mvc
application.
Some of my previous articles are as follows: Css
Class Change of Button On Radiobutton Selection In Asp.Net Using jQuery, Shaking
Login Box Open Button Click Using jQuery In Asp.Net, Slider
Colorpicker Horizontal Direction Using jQuery in Asp.Net, jQuery
Error Message Display Using Popup Dialog Box In Asp.Net, jQuery
Datepicker With Date Reset Button For Current Date In Asp.Net, jQuery
Articles, Get
RadioButton Value Using jQuery In Asp.Net.
So for this article first we will download the cookie creation library from the given below link :
So for this article first we will download the cookie creation library from the given below link :
After this we will create the new asp.net application. And add
the below code into the page.
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm16.aspx.cs" Inherits="WebApplication2.WebForm16"
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD
XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Cookies
Create, Read and Delete Operation Using jQuery in Asp.Net</title>
<script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
<script src="Scripts/jquery.cookie.js" type="text/javascript"></script>
<script language="javascript">
function
CreateCookie() {
$.cookie("aspdotnet",
"This is aspdotnet-pools.com cookie
example.");
alert("Created
Successfullt with value.This is aspdotnet-pools.com cookie example.");
}
function
GetCookieValue() {
alert($.cookie("aspdotnet"));
}
function
DeleteCookies() {
$.removeCookie("aspdotnet");
alert("Cookie
deleted successfully.");
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
Create :
<input type="button" value="Create Cookie" onclick="javascript:CreateCookie();" /><br /><br />
Get Cookie Value :
<input type="button" value="Get Cookie Value" onclick="javascript:GetCookieValue();"
/><br
/><br
/>
Delete :
<input type="button" value="Delete Cookie" onclick="javascript:DeleteCookies();" /><br />
</div>
</form>
</body>
</html>
|
Now we will check the below mention jQuery code.
<script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
<script src="Scripts/jquery.cookie.js" type="text/javascript"></script>
<script language="javascript">
function
CreateCookie() {
$.cookie("aspdotnet",
"This is aspdotnet-pools.com cookie
example.");
alert("Created
Successfullt with value.This is aspdotnet-pools.com cookie example.");
}
function
GetCookieValue() {
alert($.cookie("aspdotnet"));
}
function
DeleteCookies() {
$.removeCookie("aspdotnet");
alert("Cookie
deleted successfully.");
}
</script>
|
In above code I have created three jquery function to create, read and delete the cookie value using juery in asp.net. Now we have done run the application to check the output.
About the Author
Nice article...
ReplyDelete