前言

頁面跳轉的時候，url上經常會帶請求引數，格式如：api/projects?key=123page=1&size=10。
使用ajax提交資料的時候，有時候需要獲取url上的請求引數，如何能取到url上的請求引數呢？

獲取url上請求引數

以下JS函式用於獲取url引數:

function getQueryVariable(variable)
{
       var query = window.location.search.substring(1);
       var vars = query.split("&");
       for (var i=0;i<vars.length;i++) {
               var pair = vars[i].split("=");
               if(pair[0] == variable){return pair[1];}
       }
       return(false);
}
 

url 例項：http://www.xx.com/index.html?id=1&image=awesome.jpg

• 呼叫 getQueryVariable("id") 返回 1。
• 呼叫 getQueryVariable("image") 返回 "awesome.jpg"。

方法來自菜鳥教程https://www.runoob.com/w3cnote/js-get-url-param.html

另外一個示例

javascript 獲取當前 URL 引數，需要獲取頁面的 URL 引數的時候，可以通過下面這段 javascript 程式碼獲取：

    var getParam = function(name){
    var search = document.location.search;
    var pattern = new RegExp("[?&]"+name+"\=([^&]+)", "g");
    var matcher = pattern.exec(search);
    var items = null;
    if(null != matcher){
            try{
                    items = decodeURIComponent(decodeURIComponent(matcher[1]));
            }catch(e){
                    try{
                            items = decodeURIComponent(matcher[1]);
                    }catch(e){
                            items = matcher[1];
                    }
            }
    }
    return items;
};
 

使用示例

var key=getParam('key')
alert(key));

程式碼參考https://blog.csdn.net/nthack5730/article/details/45923251