? ? ? ?移動端微信項目中常常需要獲取某一頁面URL中的參數，以便能進行一系列的操作和設置。綜合最近項目中的實際場景和需要，在此總結一下如何獲取URL中拼接的參數以及中文亂碼問題的解決。
? ? ? ?當我們在頁面之間利用get方式傳值時，會作為參數直接拼接到頁面地址的后面，即以"key1=value1&key2=value2...“拼接在“？”的后面。到了目標頁面之后，我們可以通過對URL進行獲取，從而得到需要的key值。
? ? ? ?方法一：如果想要獲取URL中拼接的某一特定參數的值，可以采用如下方法

function GetQueryString(name){
     var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
     var r = window.location.search.substr(1).match(reg);
     if(r!=null){
         return  unescape(r[2]);
     }else{
         return null;
     }
}

? ? ? ?例如，如果想要獲取頁面URL中拼接的userid這一key值對應的value，就可以通過調用GetQueryString()這個函數，并傳入此key值來獲得。

var userid_value = GetQueryString("userid");

? ? ? ?方法二：獲取頁面URL中拼接的參數并把所有參數放到一個對象中。

var getUrlObject = function(){
    function parseQueryString(url){
        var str = url.split("?")[1];   //通過?得到一個數組,取?后面的參數
        var items = str.split("&");    //分割成數組
        var arr,name,value;

        for(var i=0; i<items.length; i++){
            arr = items[i].split("=");    //["key0", "0"]
            name = arr[0];
            value = arr[1];
            this[name] = value;
        }
    }
    var url = window.location.href;//獲取本頁面的URL，包括問號后面拼接的部分
    var data = new parseQueryString(url);
    return data;
}

? ? ? ?最后通過調用函數，即可得到一個URL中所有參數的對象集。

var params_array = getUrlObject();

? ? ? ?例如頁面url為http://www.test.com?name=wlm&gender=female，則此時

params_array = {
     "name": "wlm",
     "gender": "female"
}

? ? ? ?那么此時我們就可以通過params_array.name來獲取name這一key對應的value值。
? ? ? ?最后說一點很重要的東西，就是大家常常遇到的中文亂碼問題。如果URL中參數的value值是中文，則不論使用上面哪種方法，獲取到的都是亂碼。那么如何解決中文亂碼問題呢？
? ? ? ?因為時間緊迫，所以對參數的獲取和解析還是基于上面方法的原理，只不過需要利用一個最重要的東西，那就是decodeURI()。
? ? ? ?JavaScript decodeURI() 函數在W3School上的定義是這樣的：

定義和用法
decodeURI() 函數可對 encodeURI() 函數編碼過的 URI 進行解碼。

語法如下：

decodeURI(URIstring)

? ? ? ?其中URIstring是一個字符串，含有要解碼的 URI 或其他要解碼的文本，是必要參數。
? ? ? ?解決url中文亂碼問題原理：我們首先對含有中文的整個url進行解碼，得到可正常顯示的url字符串，然后再利用上述中的方法一或者方法二獲取想要的參數值。操作過程代碼如下：

    var url = window.location.href;//得到頁面的url
    var URL_decode = decodeURI(decodeURI(url));//對含有中文的url進行解碼,注意是兩次解碼
    //自定義獲取URL中某一參數的封裝函數
    function GetQueryString_new(key){
         var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
         var r = URL_decode.substr(1).match(reg);//注意這里使用的是解碼之后的URL_decode
         if(r!=null){
             return  unescape(r[2]);//2017年12月11日--注意：這里有個解密的操作。
         }else{
             return null;
         }
    }
    /*
       do something
       /*以下為示例*/
       //獲取班級名稱
       var classname_val = GetQueryString_new("classname");
       //頁面賦值展示
       $(".classname").html(classname_val);
    */

? ? ? ?這樣就有效解決了令人頭痛的中文亂碼問題。
? ? ? ?以上。
? ? ? ?2017年12月11日--對以上內容的幾點補充說明:
? ? ? ?在討論這個話題以前，首先需要明確的幾點：1、URL的來源問題；2、瀏覽器及服務器端對URL的編碼、解碼的方式及形式；3、頁面刷新與跳轉的區別。
? ? ? ?1、URL的來源分為三種：
? ? ? ?①直接通過瀏覽器打開訪問；
? ? ? ?②通過ajax回調中服務器端返回的字段值(在后臺拼接好的url地址)，直接做跳轉(location.href);
? ? ? ?③前端根據需求自己在頁面js腳本中的拼接url地址進行跳轉。
? ? ? ?2、其中涉及到URL中文亂碼的問題就是有兩大類：一是后臺拼接的url中文亂碼，一是前端js拼接的中文亂碼。而其對應的就是服務器端和瀏覽器對URL的兩種編碼方式從而得到前端解碼的方式。
? ? ? ?3、下面來提出相對應的解決方案。
? ? ? ?首先聲明：不論哪種情況，瀏覽器都會對跳轉的URL進行一次編碼。
? ? ? ?1）ajax調用接口，從服務器端返回的數據中接收到的URL，是經過兩次編碼的。一次是服務器端主動encode，一次是瀏覽器對服務器端傳過來的URL進行解析時又一次encode。所以前端要獲取從后端傳過來的URL中的中文，需要進行兩次解碼操作：decodeURI(decodeURI("中文"));方法見上面整理。
? ? ? ?2）前端js腳本自己拼接URL進行跳轉。在拼接時不進行任何編碼操作，這樣在跳轉后，瀏覽器編碼一次，等再次在跳轉的頁面中去獲取URL中的中文參數時，就直接解碼一次即可。方法如下：

function GetQueryString_new(name){
    var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
    var r = window.location.search.substr(1).match(reg);//注意這行
    if(r!=null){
        return  decodeURI(r[2]);//解碼一次
    }else{
        return null;
    }
}       
//獲取用戶名
var username_val =  GetQueryString_new("username");//直接獲取某一值為中文的參數。

? ? ? ?注：另外說明一種情況--前端向服務器端傳輸的請求數據中有"含有中文參數的URL"或參數key對應的value值是中文時，此時前端js腳本中需要對此參數進行兩次編碼encodeURI(encodeURI("中文"))，或者對傳輸的中文不做任何操作，像其他非中文值一樣正常傳輸，此時服務器端會通過設置編碼格式來解決中文亂碼問題。 后端方法示例：

//params0是從前端獲取到的請求json數據
params0 = new String(params0.getBytes(SysConst.SERVER_DECODE_CHARSET),"UTF-8");

? ? ? ?4、頁面刷新和頁面跳轉的區別。
? ? ? ?頁面刷新和頁面跳轉，聽起來很簡單，但是其機理不同，而且對cookie的存儲效果也不同。由于涉及到其他內容，(瀏覽器事件監聽等)，所以這一點單獨在另外一篇文章中詳述。