使用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

通过上面的例子就可以看出,第一个参数需要以【?】开头,然后是参数名,然后是【=】,然后是参数值。 第二个参数开始则需要以【&】开头,然后是参数名,然后是【=】,然后是参数值。

实例:

使用jquery获取url及url参数的方法

  

 // 带标题传参跳转
function url_title(title) {
    window.location.href = "new_target.html?title=" + title;
}

  

 

使用jquery获取url及url参数的方法

上一篇:js实现AOP,面向切面编程


下一篇:jQuery绑定动态元素的点击事件无效