Could not able to set and get coockies in jquery

Question

0.00/5 (No votes)

See more:

I am trying to set and get coockies in jquery but cant read.

var Objdata = {};
                Objdata.username = username;
                Objdata.password = password;
                var urls = "gallries.aspx/CheckUser";
                alert(username + password);
                $.ajax({
                    type: "POST",
                    url: urls,
                    data: "{'username':'" + username + "','password':'" + password + "'}",
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: function (response) {

                        if (response.d == true) {
                            alert(username);
                            $.cookie("loggedInUser", username);
                            alert($.cookie("loggedInUser"));
                            alert('Login Success');

                            _loginMsg.addClass("success").removeClass("error");
                            _loginMsg.html("Login was successful!");
                            $('.user_login').animate({ 'top': '-165px' }, 800);
                            $('#modal').fadeOut(500);                         
                        }

in if block Iam setting and trying to get in next step..

Posted 29-Sep-15 21:09pm

Dawood507

Add a Solution

Comments

F-ES Sitecore 30-Sep-15 4:27am

Cookies you set won't be available to read until the next web request. If you want to store and read on the same page then put the data in a local variable, store the variable in the cookie but use the variable to read from rather than the cookie.

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Palash Mondal_ · Answer 1 · 2015-09-29T21:34:00

Solution 1

Try to set cookie expire time here like:

JavaScript

$.cookie("loggedInUser", username, { expires : 10 }); //expires in 10 days

DEMO: FIDDLE[^]

Posted 29-Sep-15 21:34pm

Palash Mondal_

Comments

Dawood507 30-Sep-15 4:45am

I did like this but in console "Uncaught TypeError: $.cookie is not a function" error throwing where I mentione cookie plugin below jquery file.

Palash Mondal_ 30-Sep-15 5:00am

Try to use this cookie js file:

https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js

Dawood507 30-Sep-15 5:49am

I tried a lot ...again its not working..with your plugin too

Palash Mondal_ 30-Sep-15 5:53am

Is the fiddle demo code working for you?

Dawood507 30-Sep-15 6:00am

what its is? and where?

Palash Mondal_ 30-Sep-15 6:09am

In the answer I have shared a demo with link. Hope you are able to view it? If not here it is again:-

http://jsfiddle.net/1cch1569/

Dawood507 30-Sep-15 6:12am

I did same I mentioned in quesstion.. the error is $.cookie is not a function

Palash Mondal_ 30-Sep-15 6:23am

Is the fiddle demo code working?

Dawood507 30-Sep-15 6:25am

noooooo... thats what iam saying ..error thrwoing i.e, $.cookie is not a function..

Palash Mondal_ 30-Sep-15 6:35am

The demo is working fine for me, and getting the alert also fine.

Dawood507 30-Sep-15 6:36am

yeah in other page for me too its working fine but another page its not working.

Palash Mondal_ 30-Sep-15 6:43am

Are you using any other plugins in that page? There might be some jquery ($) conflicts due to that.

Dawood507 30-Sep-15 6:52am

yeah iam using other...but I attached cookie.js plugin just above my script code.

Palash Mondal_ 30-Sep-15 7:00am

Please share the links that you are using and the order in which you have them now.

Dawood507 30-Sep-15 7:30am

<head runat="server">
<title></title>
<script src="js/jquery-2.1.4.js" type="text/javascript"></script>
<script type="text/javascript" src="js/jquery.cookie.js"></script>
<link styletype="text/css" rel="stylesheet" href="css/custom.css"/>
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="css/bootstrap-theme.min.css" rel="stylesheet" type="text/css" />
<script src="js/bootstrap.min.js" type="text/javascript"></script>
<script type="text/javascript">Some my other code </script>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css"/>
<script type="text/javascript" src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
<%--<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.3.min.js"></script>--%>
<style type="text/css">Some my other styles</style>
<script type="text/javascript">Some my other code </script>
<body><form id="form1" runat="server">
<div class="container-fluid">........................</div>
<script type="text/javascript">Some my other code </script>
<div class="container">....................</div>
<script type="text/javascript">My above quessioned script</script>
...
...Other Controls..
...
</form>
</body>