cookie | phper `blog

jQuery中cookie插件获取设置删除cookie

By admin 2014年5月4日 Javascript No Comments

2514

cookies 是一个强大的 jQuery 用来操作 Cookie 的插件。

<?php
//php设置cookie
setcookie('ttt111','222',time()+10000,'/','localhost');

?>
<html>
<head>
<meta charset="UTF-8">
<title>JQuery-Cookie插件</title>
<script type="text/javascript" src="jquery-1.8.3.js"></script>
<script type="text/javascript" src="jquery.cookie.js"></script>
</head>
<body>
<a href="#">设置cookie1</a><br>
<a href="#">设置cookie2</a><br>
<a href="#">获取cookie</a><br>
<a href="#">删除cookie</a><br>
</body>
</html>
<script type="text/javascript">
$(function(){
var COOKIE_NAME = 'test_cookie';
//设置cookie，通过时间间隔
$('a').eq(0).click(function() {
$.cookie(COOKIE_NAME, 'test', { path: '/', expires: 1 });
return false;
});
// 设置cookie，到期时间
$('a').eq(1).click(function() {
var date = new Date();
date.setTime(date.getTime() + (1 * 24 * 60 * 60 * 1000));
$.cookie(COOKIE_NAME, 'test', { path: '/', expires: date });
return false;
});
// 获取 cookie
$('a').eq(2).click(function() {
alert($.cookie(COOKIE_NAME));
return false;
});
// 删除cookie
$('a').eq(3).click(function() {
$.cookie(COOKIE_NAME, null, { path: '/' });
return false;
});
});
</script>

<?php

//php设置cookie

setcookie('ttt111','222',time()+10000,'/','localhost');

<html>

<head>

<title>JQuery-Cookie插件</title>

</head>

<body>

<a href="#">设置cookie1</a><br>

<a href="#">设置cookie2</a><br>

<a href="#">获取cookie</a><br>

<a href="#">删除cookie</a><br>

</body>

</html>

$(function(){

var COOKIE_NAME = 'test_cookie';

//设置cookie，通过时间间隔

$('a').eq(0).click(function() {

$.cookie(COOKIE_NAME, 'test', { path: '/', expires: 1 });

return false;

});

// 设置cookie，到期时间

$('a').eq(1).click(function() {

var date = new Date();

date.setTime(date.getTime() + (1 * 24 * 60 * 60 * 1000));

$.cookie(COOKIE_NAME, 'test', { path: '/', expires: date });

return false;

});

// 获取 cookie

$('a').eq(2).click(function() {

alert($.cookie(COOKIE_NAME));

return false;

});

// 删除cookie

$('a').eq(3).click(function() {

$.cookie(COOKIE_NAME, null, { path: '/' });

return false;

});

</script>

百度网盘下载:http://…