如何在Angular js(或)JQuery中更新Cookie值

How to Update Cookie Value in Angular js (or) JQuery

本文关键字:JQuery 更新 Cookie Angular js      更新时间:2023-10-02

我在更新Cookie值时出错。这里我使用Angular js进行描述。这里我需要更新现有的cookie,但我无法更新那个。

这是我的代码,请任何人审查并建议我。

$.ajax({
    type : "POST",
    url : appUrl + "/Login",
    data : {
        username : user,
        password : pwd,
        page : "home"
    },
    dataType : 'json',
    success : function(obj) {
        if (obj.direction != "") {
            var myAry = obj.LoginUserDetails[0];
            //alert("The json array is---->>>"+myAry.partnerid);
            setCookie('LoginDetails', JSON.stringify(myAry));

经过一番操作,我得到了像这样的cookie

var storedAry = JSON.parse(getCookie('LoginDetails'));

并执行一些操作

.ajax({
 url : appUrl+ '/EditPartner',
data : data1,                                                                                        
cache : false,                                                          
contentType : false,
processData : false,                                                                                                                                       
type : 'POST',                                                  
success : function(data) {                                                  
var txt = data;                                                 
var obj = eval('('+ txt + ')');                                                 
loginuserdetails = obj.allregdetails[0];// setCookie('LoginDetails',                                                        

在使用这个cookie之后,我现在想更新我的cookie,为此我遵循了以下程序

setCookie('LoginDetails', JSON.stringify(myAry));//but not succedd so try below code

document.cookie = "LoginDetails"+ "="+ escape(JSON.stringify(loginuserdetails));

在那之后,我通过获得cokkie值进行了测试,但没有更新

var logindetailsvalues = JSON.parse(getCookie('LoginDetails'));                                                             
console.log("details after updation---->>"+ getCookie('LoginDetails'));                                                             

对于角度使用角度cookie文件($cookieStore)http://jsfiddle.net/krimple/9dSb2/

var myApp = angular.module('myApp', ['ngCookies']);
myApp.controller('CookieCtrl', function ($scope, $rootScope, $cookieStore) {
    $scope.bump = function () {
        var lastVal = $cookieStore.get('lastValue');
        if (!lastVal) {
            $rootScope.lastVal = 1;
        } else {
            $rootScope.lastVal = lastVal + 1;
        }
        $cookieStore.put('lastValue', $rootScope.lastVal);
    }
});
myApp.controller('ShowerCtrl', function () {
});

其他示例

<script>
    angular.module('myApp', ['ngCookies']);
    function CookieCtrl($scope, $cookieStore) {
    $scope.lastVal = $cookieStore.get('tab');
    $scope.changeTab = function(tabName){
        $scope.lastVal = tabName;
        $cookieStore.put('tab', tabName);
    };
    }
</script>

对于Jquery

使用https://github.com/carhartl/jquery-cookie
示例代码

$.cookie('the_cookie', 'the_value', { expires: 7 });
$.cookie('the_cookie', 'the_value', { expires: 7, path: '/' });
$.cookie('the_cookie'); // reading => "the_value" 
$.removeCookie('the_cookie');