Create, Update dan Delete Cookie di Javascript

 Author : hadinug, 07 June, 2014, Komentar

Ditulisan sebelumnya kami telah sedikit memaparkan bagaimana cara membuat, menghapus, mengubah dan menampilkan cookie di php. Nah kali ini kita akan lakukan hal yang sama namun dengan menggunakan javascript.


"Membuat, mengubah, menghapus dan menampilkan cookie dengan javascript". Setiap kali pengguna memuat website, browser mengirimkan cookie kembali ke server untuk memberitahu aktivitas website pengguna sebelumnya. Cookie dirancang untuk menjadi mekanisme yang dapat diandalkan untuk situs web untuk mengingat informasi stateful (seperti item dalam keranjang belanja) atau untuk merekam aktivitas browsing pengguna (termasuk mengklik tombol tertentu, log in, atau merekam halaman yang dikunjungi oleh pengguna pada bulan atau tahun yang lalu). 



Dalam tutorial ini Anda akan menemukan informasi tentang cara membuat dan mengelola cookie dengan Javascript.


Create Cookie

Untuk membuat cookie dengan javascript gunakan document.cookie dengan format sebagai berikut: 


document.cookie = "name_here = value_here, berakhir = date_in_UTC_here, path = path_here"; 


function 


function create_cookie(name, value, days2expire, path) {
	var date = new Date();
	date.setTime(date.getTime() + (days2expire * 24 * 60 * 60 * 1000));
	var expires = date.toUTCString();
	document.cookie = name + '=' + value + ';' +
	                 'expires=' + expires + ';' +
	                 'path=' + path + ';';
}


Membuat cookie dengan javascript expired selama 7 hari atau 1 minggu


var cookie_name =hadinug_net_cookie';
var cookie_value = 'test_cookie_dengan_javascript';
create_cookie(cookie_name, cookie_value, 30, "/");


Read Cookie

Untuk membaca cookie dengan javascript, bisa dengan menggunakan function berikut:


function retrieve_cookie(name) {
	var cookie_value = "",
		current_cookie = "",
		name_expr = name + "=",
		all_cookies = document.cookie.split(';'),
		n = all_cookies.length;

	for(var i = 0; i < n; i++) {
		current_cookie = all_cookies[i].trim();
		if(current_cookie.indexOf(name_expr) == 0) {
			cookie_value = current_cookie.substring(name_expr.length, current_cookie.length);
			break;
		}
	}
	return cookie_value;
}


Membaca cookie dengan nama "hadinug_net_cookie"


var cookie_name = 'hadinug_net_cookie';
var res = retrieve_cookie(cookie_name);
if(res) {
	alert('Cookie with name "' + cookie_name + '" value is ' + '"' res + '"');
} else {
	alert('Cookie with name "' + cookie_name + '" does not exist...');
}


Update Cookie

Untuk mengubah cookie di javascript, sama dengan di PHP, kita hanya mengatur ulang nilai cookie.


var cookie_name = 'hadinug_net_cookie';
var cookie_name = 'test_cookie_updated_with_javascript';
create_cookie(cookie_name, cookie_value, 60, "/");


Delete Cookie

Untuk menghapus cookie dengan javascript, kita hanya memberikan tanggal kedaluwarsa di masa lalu. Nilai cookie dikosongkan.


document.cookie = "pontikis_net_js_cookie=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/";


function


function delete_cookie(name) {
	document.cookie = name + "=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/";
}


Hapus cookie dengan nama "hadinug_net_cookie"


var cookie_name = hadinug_net_cookie';
delete_cookie(cookie_name);



 
Bagikan halaman ke sosial media
 
Tags :   javascript    cookie       

Tentang Penulis

writer hadinug
Web Developer di PT. Yafii Solusi Internasional

Link: http://ysi.co.id

   Komentar Anda