Bekerja dengan kuki di jQuery

mata utama

jQuery.cookie, plugin jQuery, memudahkan proses membuat, membaca dan memadam kue. Ia mesti dimuat turun dari pangkalan kod di GitHub dan dimasukkan ke dalam halaman selepas perpustakaan jQuery.
• Kaedah cookie () digunakan untuk membuat dan membaca kuki. Mewujudkan kuki memerlukan dua parameter: nama dan nilai. Parameter ketiga pilihan boleh menjadi objek literal yang mengandungi pilihan tambahan, seperti laluan, domain, tamat tempoh, dan selamat. Untuk membaca cookie, hanya parameter nama yang diperlukan.
• Mengeluarkan kuki dilakukan dengan menggunakan kaedah penyingkiran (). Pilihan yang sama yang digunakan semasa membuat kuki (seperti jalan dan domain) mesti diluluskan untuk berjaya memadamkan kuki.
Cookies adalah teknologi biasa untuk pelanggan menyimpan data. Artikel terdahulu saya "Cara Mengendalikan Kuki di JavaScript" menerangkan cara melakukan operasi CRUD pada kuki menggunakan JavaScript asli. Artikel ini beralih kepada jQuery dan akan membimbing anda melalui plugin JQuery.Cookie, yang menjadikan pengendalian cookie mudah. Artikel ini mengandaikan bahawa pembaca sudah biasa dengan kandungan artikel -artikel yang disebutkan di atas, atau sekurang -kurangnya mempunyai pemahaman asas tentang kuki. Tanpa berlengah lagi, mari kita mulakan.

Memasang jQuery.cookie

Pertama, anda perlu memuat turun jQuery.cookie dari pangkalan kod di GitHub. Sebaik sahaja anda telah memperoleh fail jQuery.cookie.js, tambahkannya ke halaman anda. Perhatikan bahawa sebagai plugin jQuery, anda mesti memasukkannya selepas perpustakaan jQuery. Halaman anda harus mengandungi seksyen yang serupa dengan kod berikut:

<code class="language-html">
</code>

kaedah

jQuery.cookie menggunakan cookie kaedah yang sama () untuk membuat dan membaca kuki, tetapi bilangan parameter berbeza. Untuk membuat kuki, anda perlu lulus dalam dua parameter yang diperlukan, nama dan nilai kuki. Anda boleh lulus parameter pilihan ketiga, yang merupakan objek literal dengan beberapa pilihan tambahan. Pilihan ini adalah jalan, domain, tamat tempoh, dan selamat. Perlu diingat bahawa pilihan ini boleh ditetapkan secara tempatan apabila anda memanggil kaedah cookie (), atau secara global melalui objek $ .cokie.defaults. Pilihan yang ditetapkan dengan bekas mengambil keutamaan atas pilihan yang ditetapkan dengan yang terakhir. Untuk memahami bagaimana kuki dicipta, mari kita lihat beberapa contoh. Contoh berikut menjejaki bilangan kali pengguna melawat laman web:

Contoh ini menyimpan bandar -bandar kegemaran pengguna dan menentukan domain dan jalan yang boleh dibaca dan ditulis oleh kuki kepada:

<code class="language-javascript">$.cookie("visits", 10);</code>

Contoh ini menyimpan nama pengguna. Kuki ini tamat pada pukul 11:00 pagi pada 29 Oktober 2013 dan hanya boleh dihantar melalui sambungan yang selamat.

<code class="language-javascript">$.cookie("favourite-city", "London", {path: "/", domain: "jspro.com"});</code>

baca cookies

<code class="language-javascript">$.cookie("name", "Aurelio", {expires: new Date(2013, 10, 29, 11, 00, 00), secure: true});</code>

Membaca kuki sangat mudah. Anda hanya perlu lulus dalam satu parameter, iaitu nama kuki, dan membacanya, seperti yang ditunjukkan dalam contoh berikut: Baca bilangan kali pengguna melawat laman web:

baca bandar kegemaran pengguna:

<code class="language-javascript">console.debug($.cookie("visits")); // 打印 "10"</code>

Baca Nama Pengguna:

<code class="language-html">
</code>

Padam cookies

Sekarang anda tahu cara membuat dan membaca kuki. Perkara terakhir yang perlu anda ketahui ialah cara memadam kuki menggunakan kaedah penyingkiran (). Kembali benar jika kuki yang diminta dijumpai, jika tidak, kembali palsu. Perhatikan bahawa apabila anda ingin memadam kuki, anda perlu lulus dalam pilihan yang sama, seperti laluan dan domain, jika tidak, operasi akan gagal. Sekarang, mari kita lihat beberapa contoh kaedah penyingkiran (). Padamkan kuki yang menyimpan bilangan lawatan ke laman web:

<code class="language-javascript">$.cookie("visits", 10);</code>

Padamkan kuki yang menyimpan pengguna seperti bandar:

<code class="language-javascript">$.cookie("favourite-city", "London", {path: "/", domain: "jspro.com"});</code>

Seterusnya, kami cuba memadam kuki yang menyimpan nama pengguna. Contoh ini gagal kerana nilai selamat tidak ditentukan.

<code class="language-javascript">$.cookie("name", "Aurelio", {expires: new Date(2013, 10, 29, 11, 00, 00), secure: true});</code>

Kesimpulan

Artikel ini menunjukkan kepada anda cara menguruskan kuki menggunakan jQuery.cookie (plugin jQuery). Ia menyelesaikan banyak masalah dengan abstrak butiran pelaksanaan cookie ke dalam beberapa kaedah yang mudah dan fleksibel. Jika anda memerlukan arahan lanjut atau contoh lain, sila rujuk dokumentasi rasmi. Jika anda suka membaca artikel ini, anda akan suka dipelajari; Ahli-ahli dengan serta-merta boleh mengakses semua e-buku dan kursus dalam talian interaktif SitePoint, seperti JQuery: dari Newbie ke Ninja: petua dan petua baru. Komen dalam artikel ini telah ditutup. Ada soalan mengenai jQuery? Mengapa tidak mengemukakan soalan di forum kami? *

FAQs Mengenai JQuery Cookies (FAQ)

Bagaimana cara menetapkan kuki menggunakan jQuery?

Menetapkan kuki dengan jQuery sangat mudah. Anda boleh menggunakan fungsi $ .cokie untuk menetapkan kuki. Berikut adalah contoh:

$. Cookie ('cookie_name', 'cookie_value');

Dalam contoh ini, 'cookie_name' adalah nama cookie dan 'cookie_value' adalah nilai yang akan disimpan dalam kuki. Ini akan mewujudkan kuki yang tamat pada akhir sesi penyemak imbas. Jika anda ingin menetapkan tarikh tamat tempoh tertentu, anda boleh menambah objek pilihan sebagai parameter ketiga:

$. Cookie ('cookie_name', 'cookie_value', {tamat: 7});

Ini akan mencipta kuki yang tamat selepas 7 hari.

Bagaimana membaca kuki menggunakan jQuery?

Ia juga sangat mudah dibaca cookies menggunakan jQuery. Anda boleh menggunakan fungsi $ .cokie sekali lagi, tetapi kali ini tanpa menggunakan parameter kedua. Berikut adalah contoh:

var cookie_value = $ .cookie ('cookie_name');

Dalam contoh ini, 'cookie_name' adalah nama cookie yang akan dibaca. Fungsi ini akan mengembalikan nilai kuki.

Bagaimana untuk memadam kuki menggunakan jQuery?

Untuk menggunakan jQuery untuk memadam kuki, anda boleh menggunakan fungsi $ .removecookie. Berikut adalah contoh:

$. RemoveCookie ('cookie_name');

Dalam contoh ini, 'cookie_name' adalah nama kuki yang akan dipadam. Ini akan memadam kuki dari penyemak imbas.

(jawapan FAQ berikutnya adalah serupa dengan output sebelumnya. Kandungan pendua ditinggalkan di sini untuk menyimpan jawapan ringkas.)

Atas ialah kandungan terperinci Bekerja dengan kuki di jQuery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!