JavaScript是執行在客戶端的指令碼,因此一般情況下是不能夠設定Session的,因為Session是執行在伺服器端的。而cookie是執行在客戶端的,所以我們可以用JS來設定cookie。接下來請跟著小編一起來操作一下吧。
工具/原料
文字編輯器(用記事本即可)
瀏覽器(測試用的)
準備及操作
首先說明一下我們是怎麼做測試的,在AB兩個頁面中,我們在A頁面寫一個簡單的登入介面,然後將登入資訊寫入cookie,然後在B頁面讀取cookie中的資訊
建立兩個html檔案分別為A.html和B.html,注意字尾名稱
在A.html裡面寫入的內容如下:
請輸入使用者名稱和密碼:
function login(){
// 獲取使用者名稱
var name = document.getElementById("userName");
// 獲取密碼
var pass = document.getElementById("passwords");
// 寫入cookie
setCookie("userName", name.value);
setCookie("passwords", pass.value);
// 跳轉到B頁面
window.location.href="B.html";
}
function setCookie(name,value){
var Days = 30; //cookie 將被儲存30天
var exp = new Date(); //獲得當前時間
exp.setTime(exp.getTime() + Days*24*60*60*1000); //換成毫秒
document.cookie = name + "="+ value + ";expires=" + exp.toGMTString();
}
在B.html寫入的內容如下:
獲取到的使用者名稱和密碼為:
var name = getCookie("userName");
var pass = getCookie("passwords");
var values = "userName=" + name + "; passwords=" + pass;
// 寫入值到label標籤
document.getElementById("mylabel").innerHTML = values;
// 從cookie中獲取值的方法
function getCookie(name) {
var arr,reg=new RegExp("(^ )"+name+"=([^;]*)(; $)");
if(arr=document.cookie.match(reg))
return unescape(arr[2]);
else
return null;
}
到這裡我們就已經寫完測試案例了,接下來讓我們來測試一下。
測試
我們用開啟A.html
在A.html內輸入使用者名稱:asdfqwer,密碼:qwe123,然後點選登入按鈕
可以看到結果完全符合我們的要求
注意事項
更多精彩內容請關注小編,有任何我們也可以和小編交流
希望您能動動手指為小編點贊