如何使用Jquery在浏览器中保存cookie时点击按钮窗口重新加载

How use Jquery Save Cookie inthe browser when click button window reload

本文关键字:窗口 按钮 新加载 加载 Jquery 何使用 浏览器 cookie 保存      更新时间:2023-09-26

如何使用jquery cookie
,当窗口重新加载时保存浏览器...

目录

     <span class="switchone">setCookeOne</span> //click create cookie (name,value)
     <span class="switchtwo">setCookeOne</span>//click create cookie (name,value)

Jquery

 $(document).ready(function(){
     $("span.switchone").click(function () {
        setNewCookie('name', "cobra");
       location.reload();
    });
     $("span.switchtwo").click(function () {
       setNewCookie('name', "snake");
       location.reload();
    });
 });
    function setNewCookie(name, value) {
       var date = new Date();
       date.setTime(date.getTime() + ( 1000 * 60 * 60 * 24 * 30 ));
       $.removeCookie(name);
       $.cookie(name, value, {path: '/', expires: date });
    }

看起来你没有使用: jquery.cookie.js .add 这个文件到你的代码中。

你可以在这里找到它:https://raw.githubusercontent.com/carhartl/jquery-cookie/master/src/jquery.cookie.js

试试这个:

 <script src="https://raw.githubusercontent.com/carhartl/jquery-cookie/master/src/jquery.cookie.js"></script>
 <script type="text/javascript">

 $(document).ready(function(){
     $("span.switchone").click(function () {
        setNewCookie('name', "cobra");
       location.reload();
    });
     $("span.switchtwo").click(function () {
       setNewCookie('name', "snake");
       location.reload();
    });
 });
    function setNewCookie(name, value) {
       var date = new Date();
       date.setTime(date.getTime() + ( 1000 * 60 * 60 * 24 * 30 ));
       $.removeCookie(name);
       $.cookie(name, value, {path: '/', expires: date });
    }
  </script>
  <span class="switchone">setCookeOne</span> //click create cookie (name,value)
     <span class="switchtwo">setCooketwo</span>//click create cookie (name,value)