在網上搜索了很多JS cookie儲存多個引數的寫法，大多數都是用字串通過分號隔開儲存，試驗之後發現滿足不了要求，

我儲存多個引數，最終讀取時只有一個引數， 於是又找到下面這種方法：

cookie改變它的賦值並不意味著丟失原來的值：

   document.cookie = "provinceId=" + escape(areaData.provinceId);

   等同於  document.addcookie 

///在 cookie 變數中儲存

function setAreaCookie(areaData, expiredays) {
    var exdate = new Date()
    exdate.setDate(exdate.getDate() + expiredays)
    //cookie改變它的賦值並不意味著丟失原來的值
    document.cookie = "provinceId=" + escape(areaData.provinceId);
    document.cookie = "cityId=" + escape(areaData.cityId);
    document.cookie = "distId=" + escape(areaData.distId);
    document.cookie = "streetId=" + escape(areaData.streetId);
    document.cookie = "neighborhoodId=" + escape(areaData.neighborhoodId);
    document.cookie = "expires=" + exdate.toGMTString();

}

由於JS cookie 沒有直接通過名稱取值的方法，於是自己寫了一個，通過傳入Cookie名稱取值的方法：

//根據名稱獲得Cookie值
function GetCookieByName(name) {
    var startIndex = document.cookie.indexOf(name); //開始索引
    if (startIndex > -1) {
        var tempStr = document.cookie.substring(startIndex, document.cookie.length);
        var endIndex = tempStr.indexOf(";")//結束索引：第一個分號 索引
        var item = tempStr.substring(0, endIndex);
        return item.split("=")[1];
    }
    return "";
}

我的呼叫方法：

///檢查是否已設定 cookie
function getAreaCookie() {
    var areaData = {
        provinceId: GetCookieByName("provinceId"),
        cityId: GetCookieByName("cityId"),
        distId: GetCookieByName("distId"),
        streetId: GetCookieByName("streetId"),
        neighborhoodId: GetCookieByName("neighborhoodId")
    };
    return areaData;  
}