JS获取URL参数及编解码

JS获取URL参数及编解码是一项比较常规的操作，以下是Jxinx博客介绍的JS获取URL参数及编解码的方法，分享给大家。

方法一：正则分析法

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

这样调用：

alert(GetQueryString("参数名1"));
alert(GetQueryString("参数名2"));
alert(GetQueryString("参数名3"));

 

方法二

<script language="javascript">
    function GetRequest() {   
        var url = location.search; 
        //获取url中"?"符后的字串   
        var theRequest = new Object();   
        if (url.indexOf("?") != -1) {      
            var str = url.substr(1);      
            strs = str.split("&");      
            for(var i = 0; i < strs.length; i ++) {         
                theRequest[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1]);      
            }   
         }   
     return theRequest;
   }
</script>

这样调用：

<script language="javascript">
    var Request = new Object();
    Request = GetRequest();
    var 参数1,参数2,参数3,参数N;
    参数1 = Request['参数1'];
    参数2 = Request['参数2'];
    参数3 = Request['参数3'];
    参数N = Request['参数N'];
</script>

 

JS编解码

URL的合法字符
URL的合法字符表示再浏览器的地址栏中不会被转义的字符，有两种：

    1.URL元字符：分号（;），逗号（’,’），斜杠（/），问号（?），冒号（:），at（@），&，等号（=），加号（+），美元符号（$），井号（#）

    2.语义字符：a-z，A-Z，0-9，连词号（-），下划线（_），点（.），感叹号（!），波浪线（~），星号（*），单引号（），圆括号（()`）

当输入的字符不符合以上的字符时，浏览器就会把该字符转义，规则：根据操作系统的默认编码，将每个字节转为百分号（%）加上两个大写的十六进制字母。
比如：当再浏览器地址栏中输入www.baidu.com/q=你好时，会被转义成例如www.baidu.com/q=%E6%98%A5%E8%8A%82类似的字符串，浏览器才会读取。
 

JavaScript四个URL编码/解码方法

encodeURI
将元字符和语义字符之外的字符都进行转义，一般用于知道该URL只用于完整的URL时使用

encodeURIComponent
将除了语义字符之外的字符进行转义，包括元字符，因此，它的参数通常是URL的路径或参数值，而不是整个URL。
比如说，要在谷歌中搜索www.baidu.com/q=5&name时，若使用encodeURI，&字符并不会被转义，从而改变其真正的URL。

decodeURI
还原转义后的URL，是encodeURI方法的逆运算。

decodeURIComponent（此方法可以还原被转义的 url）
还原转义后的URL片段。是encodeURIComponent方法的逆运算。