js-获取url参数值

作者 : 开心源码 本文共1442个字,预计阅读时间需要4分钟 发布时间: 2022-05-11 共58人阅读

今天碰到要在一个页面获取另外一个页面url传过来的参数,一开始很本可以的想到了使用 split(“?”)这样一步步的分解出需要的参数。

喜欢的朋友能测试下,希望对大家有所帮助!


js方法一:正则分析法,指定参数名获取值。

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;

}

// 这样调使用:

// http://orzhtml.github.io?a=1&b=2&c=3

console.log(getQueryString(“a”));

console.log(getQueryString(“b”));

console.log(getQueryString(“c”));

结果截图:

js-获取url参数值

下面举一个例子:

若地址栏URL为:abc.html?id=123&url=http://orzhtml.github.io

那么,但你使用上面的方法去调使用:alert(getQueryString(“url”));

则会弹出一个对话框:内容就是 http://orzhtml.github.io

假如使用:alert(getQueryString(“id”));那么弹出的内容就是 123 啦;

当然假如你没有传参数的话,比方你的地址是 abc.html 后面没有参数,那强行输出调使用结果有的时候会报错:

所以我们要加一个判断 ,判断我们请求的参数能否为空,首先把值赋给一个变量:

var myurl= getQueryString(“url”);

if(myurl != null && myurl.toString().length>1) {

alert(myurl);

}


js方法二:获取所有参数这样就不会报错了,结果返回始终会是一个对象!

function GetRequest(){

var url = location.search;//获取url中”?”符后的字串

var theRequest ={};

if(url.indexOf(“?”)!=-1){

var str = url.substr(1);

strs = str.split(“&”);

for(var i =0; i < strs.length; i ++){

theRequest[strs[i].split(“=”)[0]]= unescape(strs[i].split(“=”)[1]);

}

}

return theRequest;

}

// 这样调使用

// http://orzhtml.github.io?a=4&amp;b=5&amp;c=6

var Request = {};

Request = GetRequest();

console.log(Request);

console.log(Request['a']);

console.log(Request['b']);

console.log(Request['c']);

结果截图:

js-获取url参数值


本文内容均属个人原创作品,转载此文章须附上出处及原文链接。

加关注,定时推送,互动精彩多,若你有更好的见地,欢迎留言讨论!

说明
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是摆设,本站源码仅提供给会员学习使用!
7. 如遇到加密压缩包,请使用360解压,如遇到无法解压的请联系管理员
开心源码网 » js-获取url参数值

发表回复