Node.js 브라우저 쿠키 설정 예

小云云
풀어 주다: 2018-03-13 16:37:26
원래의
1442명이 탐색했습니다.

쿠키는 이제 누구나 자주 언급하는데, 쿠키란 정확히 무엇이고 어떤 역할을 할까요? 쿠키는 웹페이지가 메모리 기능을 갖고 특정 정보를 특정 컴퓨터에 저장할 수 있도록 하는 데이터 패킷입니다. 쿠키의 작동 원리는 쿠키가 서버에 의해 클라이언트 시스템에 먼저 기록된다는 것입니다. 앞으로 귀하가 이 웹페이지를 방문할 때마다 클라이언트는 먼저 쿠키를 서버에 보내고 서버는 판단을 내린 다음 HTML 코드를 생성하여 클라이언트에 반환합니다. 이러한 원칙을 통해 서버는 사용자에 따라 다른 쿠키 파일을 생성할 수 있으므로, 사용자가 동일한 사이트를 다시 방문할 때 다른 쿠키 파일을 기반으로 다른 페이지 정보가 반환될 수 있습니다.

쿠키란 무엇인가요?

일반인의 관점에서: 쿠키는 웹사이트 서버가 소량의 데이터를 클라이언트의 하드 드라이브나 메모리에 저장하거나 클라이언트의 하드 드라이브에서 데이터를 읽을 수 있도록 하는 기술입니다. 쿠키란 귀하가 웹사이트를 탐색할 때 웹서버가 귀하의 하드디스크에 저장하는 아주 작은 텍스트 파일로서, 귀하의 이용자 ID, 비밀번호, 귀하가 방문한 웹페이지, 귀하가 방문한 시간 등의 정보를 기록할 수 있습니다. 귀하가 해당 웹사이트에 다시 방문할 때, 해당 웹사이트는 쿠키의 판독을 통해 귀하의 관련 정보를 학습하고, 귀하를 환영하는 슬로건을 해당 페이지에 표시하거나, 귀하가 아이디나 비밀번호를 입력하지 않고도 바로 로그인할 수 있도록 하는 등의 조치를 취할 수 있습니다. 쿠키 파일은 브라우저와 함께 로컬 하드 드라이브에 자동으로 포함되어 사이트를 탐색할 때 사이트에서 개인 정보를 기록하는 쿠키 파일을 로컬 하드 드라이브에 업로드할 가능성이 높습니다.
쿠키는 localStorage와 유사합니다. 쿠키를 삭제하려면 수동으로만 삭제할 수 있습니다. 물론 쿠키 삭제 외에도 데이터베이스의 설정, 검색, 추가, 삭제, 수정 및 쿼리도 가능합니다. 쿠키를 가져오고 설정하려면 쿠키 플러그인을 사용하는 것 외에도 js를 통해 쿠키를 작동할 수도 있습니다. 여기에서는 js를 통해 쿠키를 얻고 설정하고 삭제하는 방법을 소개하고 싶습니다.
(1) 쿠키 가져오기:

getCookie(name){    var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");    if(arr=document.cookie.match(reg))        return unescape(arr[2]);    else
        return null;  
}
로그인 후 복사
로그인 후 복사

(2) 쿠키 설정:

setCookie(name,value){
    var Days = 30;
    var exp = new Date();    exp.setTime(exp.getTime() + Days*24*60*60*1000);
    document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();
}
로그인 후 복사
로그인 후 복사

(3) 쿠키 삭제:

delCookie(name){
    var exp = new Date();    exp.setTime(exp.getTime() - 1);
    var cval=this.getCookie(name);    if(cval!=null)
    document.cookie= name + "="+cval+";expires="+exp.toGMTString();
}
로그인 후 복사
로그인 후 복사

예:

setCookie("id","1");getCookie("id");delCookie("id");
로그인 후 복사
로그인 후 복사

                                                                                               ~                               쿠키는 이제 모든 사람이 자주 언급하는데, 쿠키란 정확히 무엇이며 그 기능은 무엇입니까? 쿠키는 웹페이지가 메모리 기능을 갖고 특정 정보를 특정 컴퓨터에 저장할 수 있도록 하는 데이터 패킷입니다. 쿠키의 작동 원리는 쿠키가 서버에 의해 클라이언트 시스템에 먼저 기록된다는 것입니다. 앞으로 귀하가 이 웹페이지를 방문할 때마다 클라이언트는 먼저 쿠키를 서버에 보내고 서버는 판단을 내린 다음 HTML 코드를 생성하여 클라이언트에 반환합니다. 이러한 원칙을 통해 서버는 사용자에 따라 다른 쿠키 파일을 생성할 수 있으므로, 사용자가 동일한 사이트를 다시 방문할 때 다른 쿠키 파일을 기반으로 다른 페이지 정보가 반환될 수 있습니다.

쿠키란 무엇인가요?

일반인의 관점에서: 쿠키는 웹사이트 서버가 소량의 데이터를 클라이언트의 하드 드라이브나 메모리에 저장하거나 클라이언트의 하드 드라이브에서 데이터를 읽을 수 있도록 하는 기술입니다. 쿠키란 귀하가 웹사이트를 탐색할 때 웹서버가 귀하의 하드디스크에 저장하는 아주 작은 텍스트 파일로서, 귀하의 이용자 ID, 비밀번호, 귀하가 방문한 웹페이지, 귀하가 방문한 시간 등의 정보를 기록할 수 있습니다. 귀하가 해당 웹사이트에 다시 방문할 때, 해당 웹사이트는 쿠키의 판독을 통해 귀하의 관련 정보를 학습하고, 귀하를 환영하는 슬로건을 해당 페이지에 표시하거나, 귀하가 아이디나 비밀번호를 입력하지 않고도 바로 로그인할 수 있도록 하는 등의 조치를 취할 수 있습니다. 쿠키 파일은 브라우저와 함께 로컬 하드 드라이브에 자동으로 포함되어 사이트를 탐색할 때 사이트에서 개인 정보를 기록하는 쿠키 파일을 로컬 하드 드라이브에 업로드할 가능성이 높습니다.

쿠키는 localStorage와 유사합니다. 쿠키를 삭제하려면 수동으로만 삭제할 수 있습니다. 물론 쿠키 삭제 외에도 데이터베이스 설정, 검색, 추가, 삭제, 수정 및 쿼리도 가능합니다. 쿠키를 가져오고 설정하려면 쿠키 플러그인을 사용하는 것 외에도 js를 통해 쿠키를 작동할 수도 있습니다. 여기에서는 js를 통해 쿠키를 얻고 설정하고 삭제하는 방법을 소개하고 싶습니다.

(1) 쿠키 가져오기:

getCookie(name){    var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");    if(arr=document.cookie.match(reg))        return unescape(arr[2]);    else
        return null;  
}
로그인 후 복사
로그인 후 복사

(2) 쿠키 설정:

setCookie(name,value){
    var Days = 30;
    var exp = new Date();    exp.setTime(exp.getTime() + Days*24*60*60*1000);
    document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();
}
로그인 후 복사
로그인 후 복사

(3) 쿠키 삭제:

delCookie(name){
    var exp = new Date();    exp.setTime(exp.getTime() - 1);
    var cval=this.getCookie(name);    if(cval!=null)
    document.cookie= name + "="+cval+";expires="+exp.toGMTString();
}
로그인 후 복사
로그인 후 복사

예:

setCookie("id","1");getCookie("id");delCookie("id");
로그인 후 복사
로그인 후 복사

관련 추천:

쿠키를 사용하여 24시간마다 팝업 상자를 설정하는 JS 예제 코드 공유

위 내용은 Node.js 브라우저 쿠키 설정 예의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿