js處理url中的請求參數(編碼/解碼)

　　在處理 a 鏈接跳轉其他頁面時，總會遇到需要傳遞一些當前頁面的信息到其他頁面，然后其他頁面利用這些信息進行相關操作。利用 get 請求或 hash 傳遞是常見的方式。

　　首先，需要對傳遞的參數進行編碼，保證數據的安全性；之后，將參數拼接到要跳轉的url后，並設置為 a 鏈接中的 href 屬性值。

var util = {
    setUrlParam: function (params, targetUrl) {
        var url = '';
        if(params && targetUrl){
            // json系列化為字符串，並編碼
            var enRequestParams = encodeURIComponent(JSON.stringify(params));
            // get拼接
            url = targeteUrl + '?rq=' + enRequestParams;
            // 或hash拼接
            // targeteUrl = targeteUrl + '#rq=' + enRequestParams;
        }
        return url;
    }
}
// 假設需要傳遞的數據如下
var requestParams = {
    'id': '1001',
    'time': '2017-04-21'
};
// 要跳轉的頁面url
var targeteUrl = 'http://www.baidu.com';

// 獲取html中id=target的a鏈接,並設置href
var ndTargetLink = document.querySelector('a#target');
ndTargetLink.href = util.setUrlParam(requestParams, targeteUrl);

　　完成了地址拼接，接下來就是在目標頁面中解析請求參數了。

var util = { 
    // 獲取參數
    getUrlParam:function(url, param) {
      var reg = new RegExp(param + "=([^&]*)(&|$)");
      var num = url.match(reg);
      if (num != null)
        return num[1];
      return null;
    },
    // 解碼,try處理多次編碼的情況
    decodeUrl:function(str){
        str=decodeURIComponent(str);
        var json=null;
        try{
            json=JSON.parse(str);
            return json;
        }catch(e){
            return  util.decodeUrl(str);
        }
    }
}
var loadPage = {
    data:(function(){
       var json=util.decodeUrl(util.getUrlParam(hash,'rq')); 
       return json;
    })()
}
var data = loadPage.data; 
console.log('data',data);