‘壹’ 如何用js向cookie中保存数据、取数据
用js向cookie中保存数据、获取数据的方法如下：
function GetCookieVal(offset)
//获得Cookie解码后的值
{
var endstr = document.cookie.indexOf (";", offset);
if (endstr == -1)
endstr = document.cookie.length;
return unescape(document.cookie.substring(offset, endstr));
}
//---------------------------
function SetCookie(name, value)
//设定Cookie值
{
var expdate = new Date();
var argv = SetCookie.arguments;
var argc = SetCookie.arguments.length;
var expires = (argc > 2) ? argv[2] : null;
var path = (argc > 3) ? argv[3] : null;
var domain = (argc > 4) ? argv[4] : null;
var secure = (argc > 5) ? argv[5] : false;
if(expires!=null) expdate.setTime(expdate.getTime() + ( expires * 1000 ));
document.cookie = name + "=" + escape (value) +((expires == null) ? "" : ("; expires="+ expdate.toGMTString()))
+((path == null) ? "" : ("; path=" + path)) +((domain == null) ? "" : ("; domain=" + domain))
+((secure == true) ? "; secure" : "");
}
//---------------------------------
function DelCookie(name)
//删除Cookie
{
var exp = new Date();
exp.setTime (exp.getTime() - 1);
var cval = GetCookie (name);
document.cookie = name + "=" + cval + "; expires="+ exp.toGMTString();
}
//------------------------------------
function GetCookie(name)
//获得Cookie的原始值
{
var arg = name + "=";
var alen = arg.length;
var clen = document.cookie.length;
var i = 0;
while (i < clen)
{
var j = i + alen;
if (document.cookie.substring(i, j) == arg)
return GetCookieVal (j);
i = document.cookie.indexOf(" ", i) + 1;
if (i == 0) break;
}
return null;
}
SetCookie("username1",99);
alert(GetCookie("username1"));
为你总结了四种数据存储方式，希望可以帮到你：
1、Cookie
cookie 用于存储web页面的用户信息。
cookie 是一些数据，存储在你电脑上的文本文件中。当web服务器向浏览器发送web页面时，在连接关闭后，服务端不会记录用户的信息。Cookie的作用就是用于解决如何记录客户端的用户信息。
2、localStorage
允许在浏览器中存储key/value对的数据。
用于长期保存整个网站的数据，保存的数据没有过期时间，直到手动去删除。
属性是只读的。
如果你想浏览器窗口关闭后还保留数据，可以使用localStorage；如果你只想将数据保存在当前会话中，可以使用sessionStorage.
3、sessionStorage
允许在浏览器中存储key/value对的数据。
数据对象临时保存同一窗口（或标签页）的数据，在关闭窗口或标签页之后也将删除这些数据。
4、indexedDB
索引数据库（indexDB）API（作为HTML5 的一部分）对创建具有吩咐本地存储数据的数据密集型的离线HTML5 Web 应用程序很有用。
同时它还有助于本地缓存数据，使传统再现Web应用程序（比如移动 Web 应用程序）能够更快的运行和响应。
想要了解或者学习更多前端知识，推荐北京尚学堂，雄厚的师资力量带给你高效的学习体验。
‘叁’ Java cookie的跨域问题怎么在前端域名下添加cookie
假设你的前端站点域名为www.xxx.com 后端数据接口域名为 api.xxx.com
通常有以下2种解决方案
cookie写入的时候写入xxx.com域下不要写到www.xxx.com或者api.xxx.com下
在www.xxx.com中配置反向代理,将www.xxx.com/api代理到api.xxx.com,然后cookie就正常的写到www.xxx.com域下就可以了
‘肆’ cookie前端存储有哪几种
1、cookie
HTTP cookie，通常直接叫做cookie，是客户端用来存储数据的一种选项，它既可以在客户端设置也可以在服务器端设置。cookie会跟随任意HTTP请求一起发送。
优点：兼容性好
缺点：一是增加了网络流量；二则是它的数据容量有限，最多只能存储4KB的数据，浏览器之间各有不同；三是不安全。
2、userData
userData是微软通过一个自定义行为引入的持久化用户数据的概念。用户数据允许每个文档最多128KB数据，每个域名最多1MB数据。
缺点：userData不是 web 标准的一部分，只有IE支持。
3、web存储机制
web storage，包括两种：sessionStorage 和 localStorage，前者严格用于一个浏览器会话中存储数据，因为数据在浏览器关闭后会立即删除；后者则用于跨会话持久化地存储数据。
缺点：IE不支持 SessionStorage，低版本IE ( IE6, IE7 ) 不支持 LocalStorage，并且不支持查询语言
4、indexedDB
indexed Database API，简称为indexedDB，是在浏览器中保存结构化数据的一种“数据库”。它类似SQL数据库的结构化数据存储机制，代替了废弃已久的web SQL Database API，它能够在客户端存储大量的结构化数据，并且使用索引高效检索的API。
缺点：兼容性不好，未得到大部分浏览器的支持。
5、Flash cookie
Flash本地存储，类似于HTTP cookie，它是利用 SharedObject类来实现本地存储信息。它默认允许每个站点存储不超过100K的数据，远大于cookie，而且能够跨浏览器。
缺点：浏览器需安装 Flash 控件，毕竟它是通过Flash的类来存储。所幸的是，没有安装Flash的用户极少。
6、Google Gears
Google Gears是Google在07年发布的一个开源浏览器插件，Gears 内置了一个基于SQLite的嵌入式 SQL数据库，并提供了统一API 对 数据库进行访问，在取得用户授权之后，每个站点可以在SQL数据库中存储“不限大小”的数据。
缺点：需要安装 Google Gears 组件
‘伍’ 说一下前端数据存储方式（cookies，localstorage，sessionstorage，indexedDB）的区别
Cookie最初是在客户端用于存储会话信息的，其要求服务器对任意HTTP请求发送Set-CookieHTTP头作为响应的一部分。cookie
以name为名称，以value为值，名和值在传送时都必须是URL编码的。浏览器会存储这样的会话信息，在这之后，通过为每个请求添加Cookie
HTTP头将信息发送回服务器。
localstorage
存储方式：
以键值对(Key-Value)的方式存储，永久存储，永不失效，除非手动删除。
sessionstorage
HTML5 的本地存储 API 中的 localStorage 与 sessionStorage 在使用方法上是相同的，区别在于 sessionStorage 在关闭页面后即被清空，而 localStorage 则会一直保存。
IndexedDB
索引数据库(IndexedDB) API（作为 HTML5 的一部分）对创建具有丰富本地存储数据的数据密集型的离线 HTML5 Web 应用程序很有用。同时它还有助于本地缓存数据，使传统在线 Web 应用程序（比如移动 Web 应用程序）能够更快地运行和响应。
‘陆’ 如何用js向cookie中保存数据，取数据。
可以使用jquery.cookie.js扩展包，先到网络上下载好
使用方法：
前后html省略
<script src="/js/jquery.cookie.js"></script>
<script>
//设置cookie
//test为键名，1为键值，第三个参数是失效时间
$.cookie("test", "1", { expires: 7 }); // 存储一个带7天期限的 cookie
//读取cookie
$.cookie("test");
//删除cookie
$.cookie("test", "1", { expires: -1 }); //设置过期时间为负就失效了
</script>
‘柒’ 前端中怎样设置cookie
你好，可以参考这个网址的教程。前端开发中的cookie使用总结。
‘捌’ 远程向客户的浏览器cookie中写入数据，有什么实现方案
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException
{
…………………………省略
// 为姓氏和名字创建Cookies
Cookie firstName = new Cookie("first_name",request.getParameter("first_name"));
Cookie lastName = new Cookie("last_name",request.getParameter("last_name"));
// 为两个 Cookies 设置过期日期为 24 小时后
firstName.setMaxAge(60*60*24);
lastName.setMaxAge(60*60*24);
// 在响应头中添加两个 Cookies
response.addCookie( firstName );
response.addCookie( lastName );
………………省略
}
‘玖’ 在.html中用js将文本域中数据通过按钮存入cookie 并在这个.html中的<p></P>里输出cookie的值，应该怎么写
Cookie基本操作方法借用arthur24的写法，html代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> new document </title>
<script language="javascript">
function setCookie(name,value,path) //两个参数，一个是cookie的名子，一个是值
{
//var Days = 30; //此 cookie 将被保存 30 天
//var exp = new Date(); //new Date("December 31, 9998");
//exp.setTime(exp.getTime() + Days*24*60*60*1000);
//document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();
//document.cookie = name + "="+ escape (value) + ";expires=";
document.cookie = name + "="+ escape (value) + ";path="+path+";expires=";
}
function getCookie(name) //取cookies函数
{
var arr = document.cookie.match(new RegExp("(^| )"+name+"=([^;]*)(;|$)"));
try{
if(arr != null) return decodeURI(arr[2]); return null;
}catch(err){
}
}
function delCookie(name) //删除cookie
{
var exp = new Date();
exp.setTime(exp.getTime() - 1);
var cval=getCookie(name);
if(cval!=null) document.cookie= name + "="+cval+";expires="+exp.toGMTString();
}
function showCookie(){
var o=document.getElementById("cookie_value");
var v=getCookie('test_cookie');
if(v != null) o.innerHTML='Cookie值：' + v;
}
function doSetCookie(){
var o=document.getElementById("test_value");
var ov=o.value;
setCookie('test_cookie',ov,'');
showCookie();
}
</script>
</head>
<body onload="showCookie();">
<p id="cookie_value"></p>
<form>
<textarea id="test_value" rows="10" cols="50"></textarea>
<br />
<input value="设置" type="button" onclick="doSetCookie();" />
</form>
</body>
</html>