如何使用cookie,JQuery,Javascript?
我目前正在创建一个简单的待办事项列表,我遇到了cookie问题。 当我删除行$.cookie(todoDescription+1, todoDescription);
添加任务的按钮有效,新任务将添加到列表中。 但当我在网页上留下这一行时,眨眼间没有任何反应。
$(document).ready( function() { showCookies(); // to show previous tasks when page is reloaded var all =0; $('#add_todo').click( function() { // button that adds a task var cookies = get_cookies_array() ; var todoDescription = $('#todo_description').val(); // string from textinput var mykey = todoDescription + 1; //i jst decided to have such key $.cookie(todoDescription+1, todoDescription); //this line doesnt work! //add task $('.todo_list').prepend( '' + '' + '' + '' + '' + todoDescription + '' +'' +''+ '' +''); return false; }); //end add todo }); function showCookies() { var cookies = get_cookies_array() ; for(var name in cookies) { if(name == cookies[name]+1){ $('.todo_list').prepend( '' + '' + '' + '' + '' + cookies[name] + '' +'' +''+ '' +''); } } } function get_cookies_array(){ var cookies = { }; if (document.cookie && document.cookie != '') { var split = document.cookie.split(';'); for (var i = 0; i < split.length; i++) { var name_value = split[i].split("="); name_value[0] = name_value[0].replace(/^ /, ''); cookies[decodeURIComponent(name_value[0])] = decodeURIComponent(name_value[1]); } } return cookies; }
如果有人能帮助我,我会很感激。
以下是jQuery cookie的用法说明
创建会话cookie:
$.cookie('the_cookie', 'the_value');
从那时起7天后创建过期的cookie:
$.cookie('the_cookie', 'the_value', { expires: 7 });
创建过期的cookie,在整个站点上有效:
$.cookie('the_cookie', 'the_value', { expires: 7, path: '/' });
读取cookie:
$.cookie('the_cookie'); // => "the_value" $.cookie('the_cookie', { raw: true }); // => "the_value" not URL decoded $.cookie('not_existing'); // => null
删除cookie:
// returns false => No cookie found // returns true => A cookie was found $.removeCookie('the_cookie'[, options]);
注意:删除cookie时,必须传递用于设置cookie的完全相同的路径,域和安全选项,除非您依赖于默认选项。