jquery url中文亂碼的解決方法

這篇文章主要介紹了jquery url中文亂碼的解決方法，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

jquery url中文亂碼的解決辦法：首先獲取url中的參數(shù)；然后構(gòu)造一個(gè)含有目標(biāo)參數(shù)的正則表達(dá)式對(duì)象；接著匹配目標(biāo)參數(shù)；最后返回參數(shù)值即可

Jquery獲取URL中的參數(shù)，解決參數(shù)中文亂碼的問題。

方法1：

//獲取url中的參數(shù)
function getUrlParamCN(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //構(gòu)造一個(gè)含有目標(biāo)參數(shù)的正則表達(dá)式對(duì)象
var r = decodeURI(window.location.search).substr(1).match(reg); //匹配目標(biāo)參數(shù)
if (r != null) return unescape(r[2]); return null; //返回參數(shù)值
}

方法2：

一、傳遞參數(shù)頁面.html

<script type="text/javascript">
    var name = 'abc';  //字符串英文
    var num = 998;   //數(shù)字
    var cla= '電腦';  //中文
    var _t = encodeURI(encodeURI(cla));  
    //中文需要進(jìn)行兩次encodeURI轉(zhuǎn)碼( encodeURI:把URI字符串采用UTF-8編碼格式轉(zhuǎn)化成escape格式的字符串。)
    window.location.href = "../aa.html?name=" + name(字符串) + "&num=num (數(shù)字)" + "&cla=_t (中文)";
 
</script>

二、接收參數(shù)頁面.html

(最終頁面地址：../aa.html?name=abc&num=998&cla=%25E7%2594%25B5%25E8%2584%2591)

<script type="text/javascript">
    //獲取地址參數(shù)
    var _name = getQueryString("name");
    var _num=getQueryString("num");
    var _t = getQueryString("cla"); //此為中文參數(shù)，需轉(zhuǎn)碼
    var title = decodeURI(_t); //只需要轉(zhuǎn)一次碼  
 
    console.log(title);//此處打印出來是中文。
 
 
 
    function getQueryString(name) {  
        //正則表達(dá)式，獲取地址中的參數(shù)
        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");  
        var r = window.location.search.substr(1).match(reg);  
 
        if (r != null) return unescape(r[2]); return null; 
 
    }
 
</script>

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“jquery url中文亂碼的解決方法”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來學(xué)習(xí)!