使用jQuery将cookie设置为文本值

时间:2016-04-19 05:32:04

标签: jquery

我想在功能中添加cookie。在此示例中,我希望浏览器记住p的值,即单击输入按钮#sting后的“Number One”。当页面刷新时,我希望空的p标签已经有“第一号”文本。

HTML

<p id="place"></p>
<input id="sting" type="submit" value="Run"/>

JS

$(document).on('click', '#sting', function(){
$('#place').text("Number One");
});

JSFiddle:https://jsfiddle.net/xwgj4w67/

我已经查看了jQuery cookie插件(https://github.com/js-cookie/js-cookie/tree/v1.5.1),但我不确定如何使用它。无论有没有插件,我都会对这些例子感到满意。谢谢。

2 个答案:

答案 0 :(得分:0)

您可以使用本地存储将任何值存储到浏览器中:

在本地存储中设置值:

localStorage.setItem('place', "Number One");

从本地存储中获取价值:

localStorage.getItem('place');

答案 1 :(得分:0)

您可以在Javascript中使用Cookie。见http://www.w3schools.com/js/js_cookies.asp

设置Cookie,

 document.cookie = 'Number=1';

获取cookie,

var x = document.cookie;