Teknik dan amalan untuk menetapkan Kuki dalam pembangunan web memerlukan contoh kod khusus
Dengan perkembangan pesat Internet, pembangunan web menjadi semakin penting, dan Kuki, sebagai teknologi untuk pengurusan negeri, juga menjadi sangat diperlukan Bahagian yang hilang. Dalam artikel ini, kami akan memperkenalkan cara menetapkan kuki dalam pembangunan web, termasuk konsep kuki, kaedah menetapkan kuki, atribut kuki, dsb., dan memberikan contoh kod khusus.
- Konsep kuki
Kuki ialah sekeping kecil data yang dihantar oleh pelayan web ke pelayar web dan disimpan pada komputer pengguna. Apabila pengguna melawat pelayan web yang sama, penyemak imbas menghantar kuki ini kembali ke pelayan supaya pelayan boleh mengenal pasti pengguna. Kuki biasanya digunakan untuk melaksanakan fungsi seperti pengurusan log masuk pengguna dan pengurusan troli beli-belah.
- Cara untuk menetapkan kuki
Dalam pembangunan web, terdapat banyak cara untuk menetapkan kuki, dan kaedah yang paling biasa ialah menggunakan kod JavaScript. Berikut ialah dua cara biasa untuk menetapkan kuki:
(1) Menggunakan atribut document.cookie
Dalam JavaScript, atribut document.cookie boleh digunakan untuk menetapkan dan membaca kuki. Contohnya:
document.cookie="username=John Doe";
Salin selepas log masuk
Salin selepas log masuk
Kod ini akan menetapkan kuki bernama "nama pengguna" dengan nilai "John Doe" pada komputer pengguna.
Jika anda ingin menetapkan berbilang kuki, anda boleh mengasingkannya dengan koma bertitik (;), seperti yang ditunjukkan di bawah:
document.cookie="username=John Doe; email=johndoe@example.com";
Salin selepas log masuk
Antaranya, nilai "nama pengguna" ialah "John Doe" dan nilai "e-mel" ialah " johndoe@contoh.
(2) Gunakan pemalam jQuery
Selain menggunakan kod JavaScript asli untuk menetapkan kuki, anda juga boleh menggunakan pemalam jQuery untuk mencapai ini. Contohnya, gunakan pemalam jquery.cookie.js untuk memudahkan operasi kuki. Contoh kod adalah seperti berikut:
$.cookie("username", "John Doe");Salin selepas log masuk
Kod di atas akan menetapkan kuki bernama "nama pengguna" dengan nilai "John Doe" pada komputer pengguna.
Untuk kuki dengan berbilang atribut, anda boleh menggunakan objek JavaScript untuk mewakili atribut ini, seperti yang ditunjukkan di bawah:
var userInfo = {
"username": "John Doe",
"email": "johndoe@example.com"
};
$.cookie("userInfo", JSON.stringify(userInfo));Salin selepas log masuk
Antaranya, JSON.stringify digunakan untuk menukar objek JavaScript kepada rentetan JSON. Apabila membaca kuki, anda boleh menggunakan kaedah JSON.parse untuk menukar rentetan JSON kepada objek JavaScript.
- Atribut Kuki
Dalam pembangunan web, kuki mempunyai beberapa atribut penting, termasuk nama kuki, nilai, masa tamat tempoh, laluan, domain, dsb.
(1) Nama dan nilai kuki
Apabila menetapkan kuki, anda perlu menyatakan nama dan nilai kuki. Contohnya:
document.cookie="username=John Doe";
Salin selepas log masuk
Salin selepas log masuk
di mana "nama pengguna" ialah nama kuki dan "John Doe" ialah nilai kuki.
(2) Masa tamat tempoh kuki
Menetapkan masa tamat tempoh kuki boleh mengawal masa penyimpanan kuki. Dalam JavaScript, anda boleh menggunakan objek Tarikh untuk menetapkan masa tamat tempoh. Contohnya:
var now = new Date();
var time = now.getTime() + 3600 * 1000;
now.setTime(time);
document.cookie = "username=John Doe; expires=" + now.toGMTString();
Salin selepas log masuk
Kod ini akan menetapkan kuki yang tamat tempoh dalam masa satu jam.
(3) Laluan kuki
Menetapkan laluan kuki boleh mengehadkan skop akses kuki. Contohnya:
document.cookie="username=John Doe; path=/";
Salin selepas log masuk
Kod ini akan menetapkan kuki dengan laluan ke direktori akar.
(4) Nama domain kuki
Menetapkan nama domain kuki boleh mengehadkan domain akses kuki. Contohnya:
document.cookie="username=John Doe; domain=example.com";
Salin selepas log masuk
Kod ini akan menetapkan kuki dengan nama domain "example.com".
- Contoh Kod
Untuk lebih memahami cara menetapkan kuki dalam pembangunan web, kod contoh lengkap disediakan di bawah. Kod menggunakan pemalam jQuery untuk menetapkan dan membaca kuki, dan menetapkan kuki yang tamat tempoh dalam satu jam. Kod sampel adalah seperti berikut:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Set Cookie Demo</title>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
</head>
<body>
<script>
$(function(){
//设置Cookie
var now = new Date();
var time = now.getTime() + 3600 * 1000;
now.setTime(time);
var userInfo = {
"username": "John Doe",
"email": "johndoe@example.com"
};
$.cookie("userInfo", JSON.stringify(userInfo), {expires: now});
//读取Cookie
var userInfoStr = $.cookie("userInfo");
var userInfoObj = JSON.parse(userInfoStr);
console.log(userInfoObj);
});
</script>
</body>
</html>Salin selepas log masuk
Dalam kod di atas, kami mula-mula memperkenalkan pemalam jQuery dan jquery.cookie.js, dan kemudian menggunakan sintaks $(function(){...}) jQuery untuk dilaksanakan selepas halaman sedang dimuatkan. Dalam kod tersebut, kami menggunakan kaedah $.cookie untuk menetapkan dan membaca kuki dan menggunakan kaedah JSON.stringify dan JSON.parse untuk menukar objek JavaScript dan rentetan JSON.
Ringkasan
Artikel ini memperkenalkan kemahiran dan amalan menetapkan kuki dalam pembangunan web, termasuk konsep kuki, kaedah menetapkan kuki, atribut kuki, dsb., dan menyediakan contoh kod khusus. Saya harap pembaca dapat lebih memahami cara menggunakan kuki dalam pembangunan web melalui artikel ini.
Atas ialah kandungan terperinci Petua dan amalan untuk menetapkan kuki dalam pembangunan web. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
