복붙노트

[JQUERY] 어떻게 jQuery로 쿠키 설정 해제 / 설정합니까?

JQUERY

어떻게 jQuery로 쿠키 설정 해제 / 설정합니까?

해결법

  1. 1.2019 업데이트 4월

    2019 업데이트 4월

    jQuery를가 너무 아래에 원래의 대답을 사용하지 않는, 쿠키 읽기 / 조작 필요하지 않습니다.

    대신 https://github.com/js-cookie/js-cookie로 이동하여 jQuery를 거기에 의존하지 않는 라이브러리를 사용합니다.

    기본 예제 :

    // Set a cookie
Cookies.set('name', 'value');

// Read the cookie
Cookies.get('name') => // => 'value'

    자세한 내용은 GitHub의에 문서를 참조하십시오.

    플러그인을 참조하십시오 :

    https://github.com/carhartl/jquery-cookie

    당신은 할 수 있습니다 :

    $.cookie("test", 1);

    세레모니:

    $.removeCookie("test");

    또한, 쿠키 (일) (10 여기)의 특정 수의 제한 시간을 설정합니다 :

    $.cookie("test", 1, { expires : 10 });

    만료 옵션을 생략하면 (자), 쿠키가 세션 쿠키 될 때 브라우저 종료 삭제됩니다.

    모든 옵션을 포함합니다 :

    $.cookie("test", 1, {
   expires : 10,           // Expires in 10 days

   path    : '/',          // The value of the path attribute of the cookie
                           // (Default: path of page that created the cookie).

   domain  : 'jquery.com', // The value of the domain attribute of the cookie
                           // (Default: domain of page that created the cookie).

   secure  : true          // If set to true the secure attribute of the cookie
                           // will be set and the cookie transmission will
                           // require a secure protocol (defaults to false).
});

    쿠키의 값을 다시 읽으려면 :

    var cookieValue = $.cookie("test");

    쿠키는 현재에 다른 경로에 생성 된 경우 경로 매개 변수를 지정하실 수 있습니다 :

    var cookieValue = $.cookie("test", { path: '/foo' });

    UPDATE (2015 년 4 월) :

    아래의 의견에 명시된 바와 같이 원래의 플러그인에 근무 팀은 동일한 기능 및 일반 구문 등을 가지고 새로운 프로젝트 (https://github.com/js-cookie/js-cookie)에서 jQuery를 종속성을 제거했습니다 JQuery와 버전. 분명히 원래 플러그인은 아무데도 불구 않을 것입니다.

  2. 2.쿠키를 조작하는 것이 특히 jQuery를 사용할 필요가 없습니다.

    쿠키를 조작하는 것이 특히 jQuery를 사용할 필요가 없습니다.

    쿼크 모드에서 (이스케이프 문자 포함)

    function createCookie(name, value, days) {
    var expires;

    if (days) {
        var date = new Date();
        date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
        expires = "; expires=" + date.toGMTString();
    } else {
        expires = "";
    }
    document.cookie = encodeURIComponent(name) + "=" + encodeURIComponent(value) + expires + "; path=/";
}

function readCookie(name) {
    var nameEQ = encodeURIComponent(name) + "=";
    var ca = document.cookie.split(';');
    for (var i = 0; i < ca.length; i++) {
        var c = ca[i];
        while (c.charAt(0) === ' ')
            c = c.substring(1, c.length);
        if (c.indexOf(nameEQ) === 0)
            return decodeURIComponent(c.substring(nameEQ.length, c.length));
    }
    return null;
}

function eraseCookie(name) {
    createCookie(name, "", -1);
}

    보세요

  3. 3.

    <script type="text/javascript">
    function setCookie(key, value, expiry) {
        var expires = new Date();
        expires.setTime(expires.getTime() + (expiry * 24 * 60 * 60 * 1000));
        document.cookie = key + '=' + value + ';expires=' + expires.toUTCString();
    }

    function getCookie(key) {
        var keyValue = document.cookie.match('(^|;) ?' + key + '=([^;]*)(;|$)');
        return keyValue ? keyValue[2] : null;
    }

    function eraseCookie(key) {
        var keyValue = getCookie(key);
        setCookie(key, keyValue, '-1');
    }

</script>

    당신은 같은 쿠키를 설정할 수 있습니다

    setCookie('test','1','1'); //(key,value,expiry in days)

    당신은 등 쿠키를 얻을 수 있습니다

    getCookie('test');

    그리고 마지막으로이 같은 쿠키를 지울 수 있습니다

    eraseCookie('test');

    이 희망은 다른 사람에게 도움이 :)

    편집하다:

    당신은 모두 다음 쿠키의 경로 속성 설정 경로 / 페이지 / 디렉토리 쿠키를 설정하려면

    function setCookie(key, value, expiry) {
        var expires = new Date();
        expires.setTime(expires.getTime() + (expiry * 24 * 60 * 60 * 1000));
        document.cookie = key + '=' + value + ';path=/' + ';expires=' + expires.toUTCString();
}

    감사, 비키

  4. 4.당신은 여기에 플러그인을 사용할 수를 사용할 수 있습니다 ..

    당신은 여기에 플러그인을 사용할 수를 사용할 수 있습니다 ..

    https://plugins.jquery.com/cookie/

    다음 쿠키 DO를 작성하는 .cookie ( "테스트", 1) $;

    액세스 설정 쿠키하려면 .cookie ( "테스트") $;

  5. 5.여기 내 글로벌 모듈 I 사용입니다 -

    여기 내 글로벌 모듈 I 사용입니다 -

    var Cookie = {   

   Create: function (name, value, days) {

       var expires = "";

        if (days) {
           var date = new Date();
           date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
           expires = "; expires=" + date.toGMTString();
       }

       document.cookie = name + "=" + value + expires + "; path=/";
   },

   Read: function (name) {

        var nameEQ = name + "=";
        var ca = document.cookie.split(";");

        for (var i = 0; i < ca.length; i++) {
            var c = ca[i];
            while (c.charAt(0) == " ") c = c.substring(1, c.length);
            if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
        }

        return null;
    },

    Erase: function (name) {

        Cookie.create(name, "", -1);
    }

};

  6. 6.이런 일을하지 않도록하십시오 :

    이런 일을하지 않도록하십시오 :

    var a = $.cookie("cart").split(",");

    쿠키가 존재하지 않는 경우, 디버거는 ".cookie하지 않는 기능"과 같은 몇 가지 도움이되지 않는 메시지를 반환합니다.

    항상 null을 확인 후 분할을 먼저 선언합니다. 이 같이 :

    var a = $.cookie("cart");
if (a != null) {
    var aa = a.split(",");

  7. 7.다음은 자바 스크립트와 쿠키를 설정하는 방법입니다 :

    다음은 자바 스크립트와 쿠키를 설정하는 방법입니다 :

    아래의 코드는 https://www.w3schools.com/js/js_cookies.asp에서 촬영되었습니다

    지금 당신은 아래의 기능을 가진 쿠키를 얻을 수 있습니다 :

    그리고 마지막으로 이것은 당신이 쿠키를 확인하는 방법입니다 :

    당신이 쿠키를 삭제하려면 단지가 전달 된 날짜 매개 변수를 만료 설정 :

    document.cookie = "username=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";

  8. 8.브라우저에서 설정 쿠키의 간단한 예 :

    브라우저에서 설정 쿠키의 간단한 예 :

    <!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>jquery.cookie Test Suite</title>

        <script src="jquery-1.9.0.min.js"></script>
        <script src="jquery.cookie.js"></script>
        <script src="JSON-js-master/json.js"></script>
        <script src="JSON-js-master/json_parse.js"></script>
        <script>
            $(function() {

               if ($.cookie('cookieStore')) {
                    var data=JSON.parse($.cookie("cookieStore"));
                    $('#name').text(data[0]);
                    $('#address').text(data[1]);
              }

              $('#submit').on('click', function(){

                    var storeData = new Array();
                    storeData[0] = $('#inputName').val();
                    storeData[1] = $('#inputAddress').val();

                    $.cookie("cookieStore", JSON.stringify(storeData));
                    var data=JSON.parse($.cookie("cookieStore"));
                    $('#name').text(data[0]);
                    $('#address').text(data[1]);
              });
            });

       </script>
    </head>
    <body>
            <label for="inputName">Name</label>
            <br /> 
            <input type="text" id="inputName">
            <br />      
            <br /> 
            <label for="inputAddress">Address</label>
            <br /> 
            <input type="text" id="inputAddress">
            <br />      
            <br />   
            <input type="submit" id="submit" value="Submit" />
            <hr>    
            <p id="name"></p>
            <br />      
            <p id="address"></p>
            <br />
            <hr>  
     </body>
</html>

    간단한은 붙여 설정 쿠키이 코드를 사용 / 복사합니다.

  9. 9.현재 모질라 웹 사이트의 라이브러리를 사용할 수 있습니다

    현재 모질라 웹 사이트의 라이브러리를 사용할 수 있습니다

    당신은 세트 수와 같은 쿠키를 얻을 수 있습니다

    docCookies.setItem(name, value);
docCookies.getItem(name);

  10. 10.나는 프레 샤는 우리에게 좋은 방법을 준 생각하지만, 실수가있다 :

    나는 프레 샤는 우리에게 좋은 방법을 준 생각하지만, 실수가있다 :

        <script type="text/javascript">
        function setCookie(key, value) {
            var expires = new Date();
            expires.setTime(expires.getTime() + (value * 24 * 60 * 60 * 1000));
            document.cookie = key + '=' + value + ';expires=' + expires.toUTCString();
        }

        function getCookie(key) {
            var keyValue = document.cookie.match('(^|;) ?' + key + '=([^;]*)(;|$)');
            return keyValue ? keyValue[2] : null;
        }
   </script>

    당신은 다음 getTime () 근처 "값"을 추가한다 그렇지 않으면 쿠키가 즉시 만료됩니다 :)

  11. 11.나는 인 Vignesh Pichamani의 대답은 간단하고 깨끗한 생각했다. 그냥 만료되기 전에 일 수를 설정하는 자신의 능력에 추가 :

    나는 인 Vignesh Pichamani의 대답은 간단하고 깨끗한 생각했다. 그냥 만료되기 전에 일 수를 설정하는 자신의 능력에 추가 :

    편집 : 하루 번호 세트가없는 경우도 추가 옵션 '을 결코 만료되지'

            function setCookie(key, value, days) {
            var expires = new Date();
            if (days) {
                expires.setTime(expires.getTime() + (days * 24 * 60 * 60 * 1000));
                document.cookie = key + '=' + value + ';expires=' + expires.toUTCString();
            } else {
                document.cookie = key + '=' + value + ';expires=Fri, 30 Dec 9999 23:59:59 GMT;';
            }
        }

        function getCookie(key) {
            var keyValue = document.cookie.match('(^|;) ?' + key + '=([^;]*)(;|$)');
            return keyValue ? keyValue[2] : null;
        }

    쿠키를 설정합니다 :

    setCookie('myData', 1, 30); // myData=1 for 30 days. 
setCookie('myData', 1); // myData=1 'forever' (until the year 9999)

  12. 12.나는 많은 큰 응답이 알고있다. 종종, 나는 단지 쿠키를 읽을 필요가 내가 추가 라이브러리를로드 또는 함수를 정의하여 오버 헤드를 생성하고 싶지 않아요.

    나는 많은 큰 응답이 알고있다. 종종, 나는 단지 쿠키를 읽을 필요가 내가 추가 라이브러리를로드 또는 함수를 정의하여 오버 헤드를 생성하고 싶지 않아요.

    여기에 자바 스크립트 한 줄에서 쿠키를 읽는 방법입니다. 나는 길 헤르 메 로드리게스 '블로그 글에서 답을 찾을 수 :

    ('; '+document.cookie).split('; '+key+'=').pop().split(';').shift()

    이것은 키, 좋은, 깨끗하고 간단한라는 이름의 쿠키를 읽습니다.

  13. 13.(SO하지 니펫을 여기에 문서를 그래서이 하나를 실행 작품) 시도

    (SO하지 니펫을 여기에 문서를 그래서이 하나를 실행 작품) 시도

    document.cookie = "test=1"             // set
document.cookie = "test=1;max-age=0"   // unset

  14. 14.

    $.cookie("test", 1); //set cookie
$.cookie("test"); //get cookie
$.cookie('test', null); //delete cookie

    15. from https://stackoverflow.com/questions/1458724/how-do-i-set-unset-a-cookie-with-jquery by cc-by-sa and MIT license

'JQUERY' 카테고리의 다른 글

[JQUERY] JQuery와 - $가 정의되어 있지 않습니다  (0) 2020.09.21
[JQUERY] jQuery의 $ .ready의 순수 자바 스크립트 상당 () - 함수를 호출하는 방법을 페이지가 / DOM은 그것을위한 준비가되면 [중복]  (0) 2020.09.21
[JQUERY] jQuery를 사용하여 중단 Ajax 요청  (0) 2020.09.21
[JQUERY] 요소의 jQuery 스크롤  (0) 2020.09.21
[JQUERY] jQuery를 / 자바 스크립트 : iframe이 내용에 접근  (0) 2020.09.21
,

티스토리툴바