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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了使用jquery获取url及url参数的方法，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1356字，纯文字阅读大概需要2分钟。

内容图文

一、获取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;
}

内容总结

以上是互联网集市为您收集整理的使用jquery获取url及url参数的方法全部内容，希望文章能够帮你解决使用jquery获取url及url参数的方法所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端