Wie man in js Werte in Cookies einfügt und erhält (grafisches Tutorial)

Im Folgenden erfahren Sie, wie ich in js Werte in Cookies einfüge und erhalte. Interessierte Schüler können einen Blick darauf werfen.

Zunächst gibt es ein Grundkonzept, das verstanden werden muss, warum Werte in Cookies gespeichert werden. Wenn es sich bei Ihrer Seite um eine JSP-Seite handelt, ist dies nicht erforderlich. Sie können das Sitzungsobjekt vollständig verwenden, um den gewünschten gespeicherten Wert zu erzielen. Natürlich ist die Verwendung von Cookies nicht unmöglich.

Wenn es sich um eine mobile Entwicklung oder eine einfache HTML-Seite handelt und Sie einen Wert speichern möchten, der beim nächsten Öffnen der Seite noch gültig ist, müssen Sie Cookies verwenden. Das von mir verwendete Front-End-JS-Plugin ist jquery.cookie.js. Dies kann online heruntergeladen werden und die grundlegendste Verwendung ist sehr einfach

Schritt 1: js einführen

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

Schritt 2: Wert speichern

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

Schritt 3: Wert

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

Das Obige habe ich für alle zusammengestellt. Ich hoffe, dass es in Zukunft für alle hilfreich sein wird.

Verwandte Artikel:

Javascript implementiert das Hochladen von Dateien in den Hintergrund für den Empfang

Wie ein Tag JavaScript aufruft

Detaillierte Erklärung der fünf gängigen Funktionen in JavaScript

Das obige ist der detaillierte Inhalt vonWie man in js Werte in Cookies einfügt und erhält (grafisches Tutorial). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!