前端數據寫入cookie_如何用js向cookie中保存數據取數據

『壹』如何用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>

前端數據寫入cookie

與前端數據寫入cookie相關的內容