Question

我正在尝试创建一个cookie来保存;

名称，电子邮件，电话号码，作业（列表中的选择/字段中的文本）和然后，当用户下次查看时，两个iphone类型切换按钮的状态然后全部加载到页面中，

并且无所事事地被困住了。我找不到一个能够帮助我解释清楚的网站。任何帮助都会很棒，谢谢x

Answer 1

你可能需要一个像这样的插件：https://github.com/ScottHamper/Cookies

或包含此脚本

/**
 * jQuery Cookie plugin
 *
 * Copyright (c) 2010 Klaus Hartl (stilbuero.de)
 * Dual licensed under the MIT and GPL licenses:
 * http://www.opensource.org/licenses/mit-license.php
 * http://www.gnu.org/licenses/gpl.html
 *
 */
jQuery.cookie = function (key, value, options) {

    // key and at least value given, set cookie...
    if (arguments.length > 1 && String(value) !== "[object Object]") {
        options = jQuery.extend({}, options);

        if (value === null || value === undefined) {
            options.expires = -1;
        }

        if (typeof options.expires === 'number') {
            var days = options.expires, t = options.expires = new Date();
            t.setDate(t.getDate() + days);
        }

        value = String(value);

        return (document.cookie = [
            encodeURIComponent(key), '=',
            options.raw ? value : encodeURIComponent(value),
            options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
            options.path ? '; path=' + options.path : '',
            options.domain ? '; domain=' + options.domain : '',
            options.secure ? '; secure' : ''
        ].join(''));
    }

    // key and possibly options given, get cookie...
    options = value || {};
    var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent;
    return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;
};

用法：

var selector = $('#name');
$.cookie("thename", selector, { path: '/' });
console.log(selector);

Answer 2

我一直在使用jquery cookie https://github.com/carhartl/jquery-cookie，这使得写入和读取cookie非常容易。

Answer 3

如果您知道jQuery，则应使用此插件：jquery.cookie

用法：

设置Cookie 1：$.cookie('the_cookie', 'the_value');

设置Cookie 2：$.cookie('the_cookie', 'the_value', { expires: 7 });

获取Cookie：$.cookie('the_cookie');

删除Cookie：$.removeCookie('the_cookie');

修改

让我们采用这种HTML形式：

<form method="post" action="somefile.php" id="mygreatform"> <input type="text" name="name" id="name"/> <input type="text" name="email" name="email"/> <input type="text" name="phone" name="phone"/> <select name="job" id="job"> <option value="job1">Job 1</option> <option value="job2">Job 2</option> </select> </form>

我们在javascript中捕获表单提交事件，以便在一个JSON字符串中序列化所有输入值，并将此字符串存储在cookie中：

$('#mygreatform').submit(function() { var formValues = { 'name' : document.getElementById('name'), 'email' : document.getElementById('email'), 'phone' : document.getElementById('phone'), 'job' : document.getElementById('job') }; // Create JSON string : {"name":"...","email":"...","phone":"...","job":"..."} // "..." are all user inputs var formValuesStr = JSON.stringify(formValues); // expires 14 days from then $.cookie('cookie_name', formValuesStr, { expires: 14 }); });

在另一页上，我们将尝试阅读cookie：

$(document).ready(function() { var formValuesStr = $.cookie('cookie_name'); if(formValuesStr != null) { var formValues = JSON.parse(formValuesStr); alert('User email : ' + formValues['email']); } });

Answer 4

这是使用纯javascript设置cookie的方法

document.cookie = "cookieName=cookieValue";

将为当前域设置Cookie。你必须在某些服务器上运行此代码。如果您只是在浏览器中打开一个html文件，那么cookies将无效。

如何在JavaScript中创建cookie？

4 个答案: