如何在Angular js（或）jQuery中更新Cookie值

Question

我對更新Cookie值感到震驚。在這里，我使用Angular js進行描述。 在這里，我需要更新現有的cookie，但是我無法更新該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'));                                                             

Answer 1

對於有角度的使用角度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');