使用JavaScript獲取url(request)中的參數

 

此次是使用JavaScript來獲取url(request)中的參數

在平常頁面編寫的過程當中爲了方便操做在<script>中經過使用window.location.href="要跳轉的頁面?參數1="+值1+"&參數2="+值2  來進行頁面跳轉並傳值。

那麼在跳轉過去的頁面怎樣在<script>中獲取到傳過來的參數呢？

下面是小編的一個案例:

//參數傳出頁面

window.location.href = "Frameset.aspx?name=" + username + "&tbpwd="+tbpwd;//這裏是我要將username和tbpwd做爲參數傳到Frameset.aspx這個頁面上

1、字符串分割分析法。

//參數接收頁面(Frameset.aspx)

 <script type="text/javascript" language="javascript">
        $(function () {
            var url = location.search;              ////獲取接收到的url中含"?"符後的字串
            var request = new Object();         //實例化一個對象
            if (url.indexOf("?") != -1) {            //判斷「？」後面是否有值
                var str = url.substr(1)              //去掉括？號
                strs = str.split("&");
                for (var i = 0; i < strs.length; i++){
                    request[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);//將參數和對應的值使用split函數切割出來
                }
            }

　　　//以此獲取url串中所帶的同名參數

            alert(request["name"]);
            alert(request["tbpwd"]);
        })
    </script>

2、正則分析法。

 <script type="text/javascript" language="javascript">

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"));

</script>

 

------------------以上兩種方法都是能夠實現js經過window.location.href進行頁面跳轉及傳參後在跳轉後的頁面接收到參數！！！---------------------------------------------------------