Jquery mengendalikan kuki untuk mengingati username_jquery

1. Pengenalan kepada jquery.cookie.js

jquery.cookie.js ialah pemalam berasaskan jquery, pemalam kuki ringan yang boleh membaca, menulis dan memadam kuki.

jquery.cookie.js boleh mendapatkan kod sumber daripada Github https://github.com/carhartl/jquery-cookie

2. Pengenalan kepada penggunaan asas jquery.cookie.js

pemalam jQuery untuk mengendalikan kuki, kaedah penggunaan anggaran adalah seperti berikut:

1. Nilai Kuki Baca

$.cookie('the_cookie'); //Kembalikan cookieValue jika wujud, jika tidak, kembalikan null.

2. Tetapkan nilai kuki

(1) Tetapan lalai. Apabila masa kuki tidak ditentukan, kuki yang dibuat adalah sah sehingga penyemak imbas pengguna ditutup secara lalai, jadi ia dipanggil kuki sesi.

$.cookie('the_cookie', 'the_value');

(2) Tetapkan kuki dengan masa. Apabila masa ditentukan, ia dipanggil kuki berterusan, dan masa sahnya ialah hari.

$.cookie('cookieName','cookieValue', {expires：7});

(3) Tetapkan kuki dengan laluan. Jika laluan yang sah tidak ditetapkan, secara lalai, kuki hanya boleh dibaca pada halaman semasa tetapan kuki Laluan kuki digunakan untuk menetapkan direktori peringkat teratas yang boleh membaca kuki.

$.cookie('cookieName','cookieValue', {expires：7, path：'/'});

(4) Tetapkan kuki untuk tapak web tertentu.

$.cookie('cookieName','cookieValue',{expires：7, path：'/' , domain: 'souvc.com' , secure: false , raw:false});

Penjelasan parameter:

1).tamat tempoh: 365

Tentukan masa sah kuki Nilai boleh berupa nombor (dalam hari dari masa kuki dibuat) atau objek Tarikh. Jika ditinggalkan, kuki yang dibuat ialah kuki sesi dan akan dipadamkan apabila pengguna keluar dari penyemak imbas.

//Nota: Secara lalai, hanya halaman web yang menetapkan kuki boleh membaca kuki. Jika anda mahu halaman membaca kuki yang ditetapkan oleh halaman lain, anda mesti menetapkan laluan kuki. Laluan ke kuki digunakan untuk menetapkan direktori peringkat atas yang boleh membaca kuki. Menetapkan laluan ini kepada direktori akar tapak web membenarkan semua halaman web membaca kuki satu sama lain (biasanya tidak menetapkan ini untuk mengelakkan konflik).

tamat: (Nombor | Tarikh) Tempoh sah, anda boleh menetapkan integer sebagai tempoh sah (unit: hari), atau anda boleh menetapkan objek tarikh sebagai tarikh tamat tempoh kuki. Jika tarikh yang dinyatakan ialah nombor negatif, maka kuki ini akan dipadamkan jika tidak ditetapkan atau ditetapkan kepada null, maka kuki ini akan dianggap sebagai Kuki Sesi dan dipadamkan selepas penyemak imbas ditutup.

2).laluan: '/'

var COOKIE_NAME = 'username';
if( $.cookie(COOKIE_NAME) ){
$("#username").val( $.cookie(COOKIE_NAME) );
}
$("#check").click(function(){
if(this.checked){
$.cookie(COOKIE_NAME, $("#username").val() , { path: '/', expires: 10 });
//var date = new Date();
//date.setTime(date.getTime() + (3 * 24 * 60 * 60 * 1000)); //三天后的这个时候过期
//$.cookie(COOKIE_NAME, $("#username").val(), { path: '/', expires: date });
}else{
$.cookie(COOKIE_NAME, null, { path: '/' }); //删除cookie
}
});

Lalai: Hanya halaman web yang menetapkan kuki boleh membaca kuki. Mentakrifkan laluan kuki yang sah. Secara lalai, nilai parameter ini ialah laluan ke halaman web yang mencipta kuki (tingkah laku penyemak imbas standard). Jika anda ingin mengakses kuki ini di seluruh tapak web, anda perlu menetapkan laluan berkesan seperti ini: laluan: '/'.

Jika anda ingin memadamkan kuki yang mentakrifkan laluan yang sah, anda perlu memasukkan laluan ini apabila memanggil fungsi: $.cookie('the_cookie', null, { path: '/' });. domain: 'example.com' Nilai lalai: Nama domain halaman web yang mencipta kuki.

3). Domain: Nama domain yang dimiliki oleh halaman web di mana kuki dibuat

4). selamat: lalai adalah palsu, jika benar, protokol penghantaran kuki perlu https mentah: lalai adalah palsu, pengekodan dan penyahkodan automatik semasa membaca dan menulis (gunakan encodeURIComponent untuk mengekod, gunakan decodeURIComponent untuk menyahkod; ), untuk mematikan fungsi ini, sila tetapkannya kepada benar.

3.

$.cookie('the_cookie', null); //Padam kuki

$.cookie('cookieName',null,{path:'/'}); //Nota: Jika anda mahu memadamkan kuki dengan laluan yang sah

3. Cara menggunakan

Sertakan fail perpustakaan jQuery dahulu, dan kemudian masukkan fail perpustakaan jquery.cookie.js.

4.

<script type="text/javascript" src="js/jquery-1.6.2.min.js"></script> 
<script type="text/javascript" src="js/jquery.cookie.js"></script> 

1. Kesan halaman

2. halaman jsp:

3. gaya css:

<input type="text" class="lr-input" placeholder="手机号码/用户名" style="width:255px" id="username" name="username" value=""/> <input type="password" class="lr-input" placeholder="请输入登录密码" style="width:255px" id="password" name="password" /> 
<div class="lr-formWrap fn-clear">
<p class="lr-remUser fn-left" id="remUserSelect"><i class="icon-check"></i>记住用户</p>
<a href="javascript:void(0)" id="login-submit" class="lr-submit">登录</a> 

4. pelaksanaan js

.lr-remUser {
color: #9d9d9d;
cursor: pointer;
font-size: 14px;
line-height: 25px;
padding-left: 30px;
} 

5. Kemudian panggil kaedah ini apabila anda mengklik untuk log masuk.

//按照状态读取是否显示昵称
if ($.cookie("rmbUser") == "true") {
$("#remUserSelect").addClass("active");//如果是选中，那么给上选中的标志
$("#username").val($.cookie("nickName"));//记录账号
} 
//验证记住帐号
function vailRememberNickName(){
if($("#remUserSelect").hasClass("active")){
var nickName = $("#username").val();
$.cookie("rmbUser", "true", { expires: 7 }); // 存储一个带7天期限的 cookie
$.cookie("nickName", nickName, { expires: 7 }); // 存储一个带7天期限的 cookie
}else {
$.cookie("rmbUser", "false", { expires: -1 });
$.cookie("nickName", '', { expires: -1 });
}
} 

6. Log masuk untuk melihat kesan konsol penyemak imbas seperti berikut:

7. Apabila log keluar, anda boleh melihat kesan kotak log masuk:

Kandungan di atas ialah arahan berkaitan kuki pengendalian Jquery untuk mengingati nama pengguna yang diperkenalkan oleh editor saya harap ia akan membantu semua orang!