>  기사  >  웹 프론트엔드  >  자바스크립트에서 쿠키 읽기, 쓰기, 삭제 작업(그래픽 튜토리얼)

자바스크립트에서 쿠키 읽기, 쓰기, 삭제 작업(그래픽 튜토리얼)

亚连
亚连원래의
2018-05-19 10:59:471277검색

이 글에서는 주로 자바스크립트에서 쿠키 읽기, 쓰기, 삭제 작업에 대한 관련 정보를 소개합니다. 필요한 친구들은

자바스크립트에서 쿠키 읽기, 쓰기, 삭제 작업

머리말:

앞에서 참고하세요. -end 만연하게 실행될 때 페이지 간 상호 작용에는 데이터 전송이 필요합니다. 일부 데이터는 URL을 통해 매개변수를 전달하면 잘 해결될 수 있지만, 변경이 필요한 일부 매개변수의 경우 페이지 A에서 다음으로 데이터를 선택할 수 있습니다. B 페이지를 클릭한 다음 B 페이지에서 A 페이지로 데이터를 전송합니다. (대표적인 예는 배송 주소 선택입니다.) 쿠키를 저장하여 이 문제를 해결했습니다.

쿠키의 작동을 위해 간단한 캡슐화를 했습니다. 물론 선배들의 경험을 토대로 직접 결합한 것도 있습니다. 쿠키의 작동은 읽기, 쓰기, 삭제에 지나지 않습니다. 쓰기 작업만 하면 읽기가 가능하고 삭제 등의 작업을 수행할 수 있습니다.

/**
 * 设置COOKIE
 * @param name 设置cookie的属性名
 * @param value 设置cookie的属性值
 * @param time  设置cookie的时间
 */

function setCookie(name, value , time) {
  time = time ? parseFloat(time) : 0 ;
  var exp = new Date();
  exp.setTime(exp.getTime() + time);
  // escape 这种编码方式过时了 改用 encodeURIComponent
  // document.cookie = name + "=" + escape(value) + ";expires=" + (time ? exp.toGMTString() : 'session');
  document.cookie = name + "=" + encodeURIComponent(value) + ";expires=" + (time ? exp.toGMTString() : 'session');
}

이제 쓰기 작업이 완료되었으니 읽기 작업을 살펴보겠습니다.

/**
 * 获取cookie
 * @param name
 * @returns {null}
 */

function getCookie(name) {
  var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");
  if (arr = document.cookie.match(reg))
    //unescape这种解码方式好像过时了,可以采用decodeURIComponent解码方式
    //return unescape(arr[2]);
     return decodeURIComponent(arr[2]);
  else
    return null;
}

다음 단계는 쿠키를 삭제하는 것입니다. 사실 이 작업은 매우 간단합니다. 쿠키를 만료로 설정하기만 하면 쿠키가 자동으로 만료됩니다.

/**
 * 删除cookie
 * @param name
 */

function delCookie(name) {
  var exp = new Date();
  exp.setTime(exp.getTime() - 1);
  var cval = getCookie(name);
  if (cval != null)
    document.cookie = name + "=" + cval + ";expires=" + exp.toGMTString();
}

위는 쿠키에 대한 몇 가지 간단한 작업입니다.

다음은 쿠키에 대해 이야기해 보겠습니다. 도메인 간 쿠키

 Js跨域同步cookie怎么实现
    document.cookie = "name=" + "value;" + "expires=" + "datatime;" + "domain=" + "" + "path=" + "/path" + "; secure";

/**
 * 删除cookie
 * value Cookie值
 * expires 有效期截至(单位毫秒)
 * path 子目录
 * domain 有效域
 * secure 是否安全
 */

<iframe src=&#39;http://网站:1234/test/Index&#39; width=&#39;100&#39; height=&#39;100&#39; style="display:none"></iframe>

/*
*原页面js里 window.location = "http://另外一个网站:1234/GetCookie/Index?" + document.cookie;跳到另外一个站,另外一个站获取cookie,设置cookie
*/

 var url = window.location.toString();//获取地址
 var get = url.substring(url.indexOf("liuph"));//获取变量和变量值
 var idx = get.indexOf("=");//获取变量名长度
 if (idx != -1) {
    var name = get.substring(0, idx);//获取变量名
    var val = get.substring(idx + 1);//获取变量值
    setCookie(name, val, 1);//创建Cookie
  }

위 내용은 제가 모든 사람을 위해 정리한 내용입니다. 앞으로 모든 사람에게 도움이 되기를 바랍니다.

관련글 :

Node.js+Koa JWT 사용자 인증 구현 단계에 대한 자세한 설명

jQuery.i18n.properties js국제 표준 구현 방법

세 종류 JS 파일의 동적 로딩 방법 요약

위 내용은 자바스크립트에서 쿠키 읽기, 쓰기, 삭제 작업(그래픽 튜토리얼)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.