最后在做的頁面，比如用戶數據(用戶頭像，名稱，年齡)這些信息，因為大部分頁面都要用，之前是通過url地址傳，另一頁面接收。考慮到這樣做會讓url過長，因此，嘗試使用cookie，把固定的值保存在cookie，其它頁面拿出來就可以使用。

在此之前，先寫通過url傳值與取值的過程。url通過跳轉頁面，給跳轉頁的url問號后拼接參數的方法傳值：

//問號后的userId / dialogId都是要傳的參數

//如果有多個參數，就用“&”拼接

window.location.href = 'doctor_ask.html?userId=' + userId + "&dialogId=" + dialogId;

在doctor_ask.html頁面，把在url中的參數取下來，要使用一個方法getQueryString()，其中有一個方法是用來獲取url中含有中文參數的：

/* 獲取url后的某一個query的值 */

function getQueryString( name ) {

var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");

var r = window.location.search.substr(1).match(reg); //獲取url中"?"符后的字符串并正則匹配

var context = "";

if (r != null)

context = r[2];

reg = null;

r = null;

return context == null || context == "" || context == "undefined" ? "" : context;

}

//獲取Url中中文參數的方法

function getQueryUrlString(name) {

var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');

var r = window.location.search.substr(1).match(reg);

if(r != null) {

return decodeURI(r[2]);

}

return "請選擇";

}

使用方法獲取參數：

//調用方法獲取參數，方法中的參數名是一個字符串

var userId = getQueryString('userId')

第二種，通過cookie方法傳值，我這里使用的是jQuery cookie，因此需要先加載jQuery與cookie:

在其中一個頁面，比如首頁，將要保存的值存放在cookie.

如果僅是一個id，直接使用鍵值對的方法保存即可：

//將id保存在cookie

$.cookie('doctorId', '11916111-f2eb-11e4-b756-f40669963d49');

//從cookie中取出id

var doctorId = $.cookie('doctorId');

如果是多個值，需要將多個值放在對象中，保存這個對象：

//將多個值存放在對象中

var userData = {

userId: "11916122-f2eb-11e4-b756-f40669963d49",

patientName: "張麗",

patientAge: 23,

patientSex: "F"

}

//將這個對象保存在cookie,它的鍵是對象名稱，值為JSON.stirng()，目的是將這個對象解析為字符串，因為cookie的鍵與值都是字符串

$.cookie('userData' , JSON.stringify(userData));

如果在其它頁面使用這個cookie中對象，可以取出這個對象并將對象轉換為字符串

var userData = $.cookie('userData');

if(userData){

//JSON.parse() 將字符串解析為對象，方便使用

userData = JSON.parse(userData);

};

兩個知識點：

//字符串解析為對象

JSON.parse(對象名稱);

//對象解析為字符串

JSON.stringify(對象名稱);

以上這篇頁面間固定參數,通過cookie傳值的實現方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持我們。

時間： 2017-05-28

總結

以上是生活随笔為你收集整理的html cookie传参,页面间固定参数,通过cookie传值的实现方法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。