首页 > 代码库 > JavaScript从URL里面获取参数
JavaScript从URL里面获取参数
如何从URL中获取参数是一个很基本的问题。首先假定URL是合法的，code 如下，欢迎各位大大code review.
1. 可以使用一个match和循环split
function findQueriesFromUrl(url){ var regex, matches, i, length, pair, result = {}, query; if(!url) return; regex = /\w+\=\w*/g; matches = url.match(regex); for(i = 0, length = matches.length;i<length;i++){ pair = matches[i].split(‘=‘); result[decodeURIComponent(pair[0])] = decodeURIComponent(pair[1]); } return result;}
2. 可以使用exec获得所有的分组,
function findQueriesFromUrl(url){ var regex, result = {}, match; if(!url) return; regex = /(\w+)\=(\w*)/g; //没有/g会死循环。 while(match = regex.exec(url)){
result[decodeURIComponent(match[1])] = decodeURIComponent(match[2]); } return result;}
需要注意的是，exec只有针对同样的调用对象和同一个字符串的引用作为参数的时候才能迭代返回所有的分组，否则可能会死循环， 例如如下的代码就会死循环：
while(match = (/(\w+)\=(\w*)/g).exec(url)){ result[match[1]] = match[2]; }
题外话，exec函数会循环返回所有match的对象，例如调用
(function excute(url){ var regex, result = {}, match, i = 0; regex = /(\w+)\=(\w*)/g; while(i < 10){ i++; console.log(regex.exec(url)); } return result;})(‘a=b‘);
会循环输出一个match的对象和null， 如下：
["a=b", "a", "b", index: 0, input: "a=b"]null["a=b", "a", "b", index: 0, input: "a=b"]null["a=b", "a", "b", index: 0, input: "a=b"]null ["a=b", "a", "b", index: 0, input: "a=b"]null["a=b", "a", "b", index: 0, input: "a=b"]null
如果去掉正则表达式里面的g，输出会变成：
["a=b", "a", "b", index: 0, input: "a=b"]["a=b", "a", "b", index: 0, input: "a=b"]["a=b", "a", "b", index: 0, input: "a=b"]["a=b", "a", "b", index: 0, input: "a=b"]["a=b", "a", "b", index: 0, input: "a=b"]["a=b", "a", "b", index: 0, input: "a=b"]["a=b", "a", "b", index: 0, input: "a=b"]["a=b", "a", "b", index: 0, input: "a=b"]["a=b", "a", "b", index: 0, input: "a=b"]["a=b", "a", "b", index: 0, input: "a=b"]
这样就不能取到所有的匹配了。
JavaScript从URL里面获取参数
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。