jQuery mendapat nilai kuki dan memadamkan penggunaan kuki example_jquery

WBOY
Lepaskan: 2016-05-16 15:05:22
asal
1618 orang telah melayarinya

Contoh dalam artikel ini menerangkan penggunaan jQuery untuk mendapatkan nilai kuki dan memadam kuki. Kongsikan dengan semua orang untuk rujukan anda, butirannya adalah seperti berikut:

Kuki mempunyai kelas operasi kuki yang ditetapkan dalam jquery Di sini kita akan mula-mula memperkenalkan beberapa masalah apabila menggunakan kelas operasi kuki, dan kemudian memperkenalkan kaedah penggunaan yang betul.

Apabila menggunakan JQuery untuk mengendalikan kuki, nilai yang salah berlaku:

Ternyata kuki mempunyai empat atribut berbeza:

Nama, kandungan, domain, laluan

$.cookie('the_cookie'); // 读取 cookie
$.cookie('the_cookie', 'the_value'); // 存储 cookie
$.cookie('the_cookie', 'the_value', { expires: 7 }); // 存储一个带7天期限的 cookie
$.cookie('the_cookie', '', { expires: -1 }); // 删除 cookie

Salin selepas log masuk

Gunakan:

$.cookie("currentMenuID", menuID);

Salin selepas log masuk

Apabila domain dan laluan tidak ditentukan.

Jadi kuki yang berbeza akan dijana apabila domain dan laluan berbeza

$.cookie("currentMenuID");

Salin selepas log masuk

Akan ada masalah apabila mendapat nilai.

Oleh itu, gunakan:

$.cookie("currentMenuID", "menuID", { path: "/"});

Salin selepas log masuk

Timpa. ID kuki yang sama dalam domain yang sama sepadan dengan nilai.

Mari kita lihat contoh

Anda perlu memberi perhatian kepada tetapan laluan kuki Jika anda tidak menetapkan laluan:'/', laluan akan ditetapkan secara automatik mengikut direktori (seperti: http://www.xxx.com/. pengguna/, laluan akan ditetapkan kepada ' /pengguna')

$.extend({
/**
 1. 设置cookie的值,把name变量的值设为value
example $.cookie('name', 'value');
 2.新建一个cookie 包括有效期 路径 域名等
example $.cookie('name', 'value', {expires: 7, path: '/', domain: 'jquery.com', secure: true});
3.新建cookie
example $.cookie('name', 'value');
4.删除一个cookie
example $.cookie('name', null);
5.取一个cookie(name)值给myvar
var account= $.cookie('name');
**/
  cookieHelper: function(name, value, options) {
    if (typeof value != 'undefined') { // name and value given, set cookie
      options = options || {};
      if (value === null) {
        value = '';
        options.expires = -1;
      }
      var expires = '';
      if (options.expires && (typeof options.expires == 'number' || options.expires.toUTCString)) {
        var date;
        if (typeof options.expires == 'number') {
          date = new Date();
          date.setTime(date.getTime() + (options.expires * 24 * 60 * 60 * 1000));
        } else {
          date = options.expires;
        }
        expires = '; expires=' + date.toUTCString(); // use expires attribute, max-age is not supported by IE
      }
      var path = options.path ? '; path=' + options.path : '';
      var domain = options.domain ? '; domain=' + options.domain : '';
      var secure = options.secure ? '; secure' : '';
      document.cookie = [name, '=', encodeURIComponent(value), expires, path, domain, secure].join('');
    } else { // only name given, get cookie
      var cookieValue = null;
      if (document.cookie && document.cookie != '') {
        var cookies = document.cookie.split(';');
        for (var i = 0; i < cookies.length; i++) {
          var cookie = jQuery.trim(cookies[i]);
          // Does this cookie string begin with the name we want&#63;
          if (cookie.substring(0, name.length + 1) == (name + '=')) {
            cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
            break;
          }
        }
      }
      return cookieValue;
    }
  }
});

Salin selepas log masuk

Pembaca yang berminat dengan lebih banyak kandungan berkaitan jQuery boleh menyemak topik khas di tapak ini: "Ringkasan kemahiran operasi kuki JQuery", "ringkasan kemahiran operasi jadual (jadual) jQuery" , "Ringkasan kesan dan teknik seret jQuery", "Ringkasan teknik sambungan jQuery", "Ringkasan kesan khas klasik biasa jQuery", "ringkasan penggunaan jQuery dan kesan khas", "ringkasan penggunaan pemilih jquery" dan "ringkasan pemalam dan penggunaan biasa jQuery"

Saya harap artikel ini akan membantu semua orang dalam pengaturcaraan jQuery.

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan