Heim > Web-Frontend > js-Tutorial > Hauptteil

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

亚连
Freigeben: 2018-05-18 15:55:20
Original
2383 Leute haben es durchsucht

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>
Nach dem Login kopieren

Schritt 2: Wert speichern

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

Schritt 3: Wert

var locateCity = $.cookie(&#39;locateCity&#39;);
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!