js에서 쿠키에 값을 넣고 가져오는 방법(그래픽 튜토리얼)

다음은 js에서 쿠키에 값을 넣고 가져오는 방법입니다. 관심 있는 학생들은 살펴보세요.

우선, 쿠키에 값이 저장되는 이유에 대해 이해해야 할 기본 개념이 있습니다. 귀하의 페이지가 jsp 페이지라면 세션 객체를 완전히 사용하여 원하는 저장 값을 얻을 수 있습니다. 물론 쿠키를 사용하는 것이 불가능하지는 않습니다.

모바일 개발이거나 간단한 HTML 페이지이고 다음에 페이지를 열 때 여전히 유효한 값을 저장하려면 쿠키를 사용해야 합니다. 내가 사용하는 프런트엔드 js 플러그인은 jquery.cookie.js입니다. 이것은 온라인으로 다운로드할 수 있으며 가장 기본적인 사용법은 매우 간단합니다

첫 번째 단계: js 소개

    <script src="/XX/js/login/jquery-1.5.1.min.js"></script>
     <script src="/XX/js/login/jquery.cookie.js"></script>

두 번째 단계: 값 저장

$.cookie('the_cookie', 'the_value', { expires: 7, path: '/' });
一步写到位，不要轻易把path去掉。不然只能在当前js使用，我吃过亏的
举个实例吧：
需求：城市定位，需要下次进入页面时记住上次自动定位的城市名字或者手动选择的城市名字
百度地图API功能
        var geolocation = new BMap.Geolocation();
        geolocation.getCurrentPosition(function(r){
            if(this.getStatus() == BMAP_STATUS_SUCCESS){
               var 城市名= r.address.city；（拿到的城市名字）
        //往cookie里面放城市名称
          $.cookie('locateCity', 城市名, { expires: 7 ,path:'/'});
            }
            else {
                //alert('failed'+this.getStatus());
                mui.alert("城市定位失败");
            }        
        },{enableHighAccuracy: true})

세 번째 단계: 값 가져오기

var locateCity = $.cookie('locateCity');

위 내용은 제가 모든 사람을 위해 편집되었으며, 앞으로 모든 사람에게 도움이 되기를 바랍니다.

관련 기사:

javascript는 수신을 위해 백그라운드에 파일 업로드를 구현합니다.

태그가 JavaScript를 호출하는 방법

JavaScript의 5가지 공통 기능에 대한 자세한 설명

위 내용은 js에서 쿠키에 값을 넣고 가져오는 방법(그래픽 튜토리얼)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!