使用jquery獲取url及url參數的方法

一、獲取url及url參數的方法

若獲取地址 http://localhost:8080/index.html?id=132 中的id的值，只需要，在js文件中加入下面代碼（為jq擴展方法getUrlParam ） 便可以通過方法$.getUrlParam('id')獲取URL的數據

//獲取url中的參數
function getUrlParam(name) {
    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //構造一個含有目標參數的正則表達式對象
    var r = window.location.search.substr(1).match(reg);  //匹配目標參數
    if (r != null) return unescape(r[2]); return null; //返回參數值
}

alert(getUrlParam('id'));

  

二、獲取url的中文參數

function getUrlParameter(name){
    name = name.replace(/[]/,"\[").replace(/[]/,"\[").replace(/[]/,"\\\]");
    var regexS = "[\\?&]"+name+"=([^&#]*)";
    var regex = new RegExp( regexS );
    var results = regex.exec(window.parent.location.href);
    if( results == null ) 
        return ""; 
    else {
        return results[1];
    }
};

var urlid =decodeURI(getUrlParameter("followName"))  轉碼將解碼方式unscape換為decodeURI，將中文參數獲取
 
console.log(urlid)

 

三、url拼接參數格式

http://www.yanggb.com?flag=1&type=normal&role=customer

通過上面的例子就可以看出，第一個參數需要以【?】開頭，然后是參數名，然后是【=】，然后是參數值。 第二個參數開始則需要以【&】開頭，然后是參數名，然后是【=】，然后是參數值。

實例：

  

 // 帶標題傳參跳轉
function url_title(title) {
    window.location.href = "new_target.html?title=" + title;
}