[英]How to use cookie , JQuery, Javascript?
I'm currently creating a simple todo list, I'm having a trouble with cookies. 我目前正在创建一个简单的待办事项列表,但我在使用Cookie时遇到了麻烦。 When i remove the line $.cookie(todoDescription+1, todoDescription);
当我删除行$.cookie(todoDescription+1, todoDescription);
the button to add a task works, and the new task is added to the list. 添加任务的按钮起作用,并且新任务被添加到列表中。 But when i leave this line in the web page blinks and nothing happens. 但是,当我在网页上将此行保留闪烁时,没有任何反应。
$(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(
'<div class="todo">'
+ '<div>'
+ '<input type="checkbox" id = "cb" class="check_todo" name="check_todo"/>'
+ '</div>'
+ '<div class="todo_description" contentEditable = "true">'
+ todoDescription
+ '</div>'
+'<div id = "delete">' +'<input id = "x" type = "submit" value = "X" onclick = "$.cookie('todoDescription+1',null);$(this).parent().parent().remove();"/>'+ '</div>'
+'</div>');
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(
'<div class="todo">'
+ '<div>'
+ '<input type="checkbox" id = "cb" class="check_todo" name="check_todo"/>'
+ '</div>'
+ '<div class="todo_description" contentEditable = "true">'
+ cookies[name]
+ '</div>'
+'<div id = "delete">' +'<input id = "x" type = "submit" value = "X" onclick = "$.cookie('name',null);$(this).parent().parent().remove();"/>'+ '</div>'
+'</div>');
}
}
}
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;
}
I'd appreciate it if someone could help me. 如果有人可以帮助我,我将不胜感激。
Following is the description of Usage of jQuery cookie 以下是jQuery Cookie的用法说明
Create session cookie: 创建会话Cookie:
$.cookie('the_cookie', 'the_value');
Create expiring cookie, 7 days from then: 从7天开始创建过期的Cookie:
$.cookie('the_cookie', 'the_value', { expires: 7 });
Create expiring cookie, valid across entire site: 创建在整个网站上有效的过期Cookie:
$.cookie('the_cookie', 'the_value', { expires: 7, path: '/' });
Read cookie: 读取Cookie:
$.cookie('the_cookie'); // => "the_value"
$.cookie('the_cookie', { raw: true }); // => "the_value" not URL decoded
$.cookie('not_existing'); // => null
Delete cookie: 删除Cookie:
// returns false => No cookie found
// returns true => A cookie was found
$.removeCookie('the_cookie'[, options]);
Note: when deleting a cookie, you must pass the exact same path, domain and secure options that were used to set the cookie, unless you're relying on the default options that is. 注意:删除Cookie时,除非您依赖默认选项,否则您必须传递用于设置Cookie的完全相同的路径,域和安全选项。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.