Comment mettre et obtenir des valeurs dans les cookies en js (tutoriel graphique)

Voici comment je mets et récupère des valeurs dans des cookies en js. Les étudiants intéressés peuvent y jeter un œil.

Tout d'abord, il y a un concept de base qui doit être compris, pourquoi les valeurs sont stockées dans les cookies. Si la vôtre est une page jsp, alors ce n'est pas nécessaire. Vous pouvez utiliser complètement l'objet de session pour obtenir la valeur stockée souhaitée. Bien entendu, il n'est pas impossible d'utiliser des cookies.

S'il s'agit d'un développement mobile ou d'une simple page html et que vous souhaitez stocker une valeur qui est encore valable lors de la prochaine ouverture de la page, vous devez utiliser des cookies. Le plug-in js frontal que j'utilise est jquery.cookie.js. Celui-ci peut être téléchargé en ligne, et l'utilisation la plus basique est très simple

Étape 1 : Importer js

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

Étape 2 : Stocker la valeur

$.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})

Étape 3 : Obtenez la valeur

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

Ce qui précède est ce que j'ai compilé pour tout le monde. J'espère que cela sera utile à tout le monde à l'avenir.

Articles associés :

javascript implémente le téléchargement de fichiers en arrière-plan pour la réception

Comment une balise appelle JavaScript

Explication détaillée des cinq fonctions courantes en JavaScript

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!