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
Gunakan:
$.cookie("currentMenuID", menuID);
Apabila domain dan laluan tidak ditentukan.
Jadi kuki yang berbeza akan dijana apabila domain dan laluan berbeza
$.cookie("currentMenuID");
Akan ada masalah apabila mendapat nilai.
Oleh itu, gunakan:
$.cookie("currentMenuID", "menuID", { path: "/"});
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? if (cookie.substring(0, name.length + 1) == (name + '=')) { cookieValue = decodeURIComponent(cookie.substring(name.length + 1)); break; } } } return cookieValue; } } });
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.