js获取url参数值的方法总结(亲测)

1、方式一：通过字符串截取的方式获取参数值；

　　1）、函数一：获取URL中的参数名及参数值的集合

/*** [获取URL中的参数名及参数值的集合]* 示例URL:http://htmlJsTest/getrequest.html?uid=admin&rid=1&fid=2&name=小明* @param {[string]} urlStr [当该参数不为空的时候，则解析该url中的参数集合]* @return {[string]}       [参数集合]*/
function GetRequest(urlStr) {if (typeof urlStr == "undefined") {var url = decodeURI(location.search); //获取url中"?"符后的字符串} else {var url = "?" + urlStr.split("?")[1];}var theRequest = new Object();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]] = decodeURI(strs[i].split("=")[1]);}}return theRequest;
}

var parms_1 = GetRequest();
console.log(parms_1); // {"uid":"admin","rid":"1","fid":"2","name":"小明"}
console.log(parms_1['name']); // '小明'
var parms_2 = GetRequest('http://htmlJsTest/getrequest.html?uid=admin&rid=1&fid=2&name=小明');
console.log(parms_2); // {"uid":"admin","rid":"1","fid":"2","name":"小明"}
console.log(parms_2['name']); // '小明'

　　2）、函数二：通过参数名获取url中的参数值

/*** [通过参数名获取url中的参数值]* 示例URL:http://htmlJsTest/getrequest.html?uid=admin&rid=1&fid=2&name=小明* @param  {[string]} queryName [参数名]* @return {[string]}           [参数值]*/
function GetQueryValue(queryName) {var query = decodeURI(window.location.search.substring(1));var vars = query.split("&");for (var i = 0; i < vars.length; i++) {var pair = vars[i].split("=");if (pair[0] == queryName) { return pair[1]; }}return null;
}

var queryVal=GetQueryValue('name');
console.log(queryVal);// 小明

2、方式二：通过正则获取到参数值；

/*** [通过参数名获取url中的参数值]* 示例URL:http://htmlJsTest/getrequest.html?uid=admin&rid=1&fid=2&name=小明* @param  {[string]} queryName [参数名]* @return {[string]}           [参数值]*/
function GetQueryValue1(queryName) {var reg = new RegExp("(^|&)" + queryName + "=([^&]*)(&|$)", "i");var r = window.location.search.substr(1).match(reg);if ( r != null ){return decodeURI(r[2]);}else{return null;}}

var queryVal=GetQueryValue1('name');
console.log(queryVal);// 小明

▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼
博客园同步更新地址：https://www.cnblogs.com/willingtolove/p/11134762.html
▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲

js获取url参数值的方法总结(亲测)相关推荐

js获取url参数值的方法总结
js获取url参数值的方法总结 1.方式一:通过字符串截取的方式获取参数值: 2.方式二:通过正则获取到参数值: 1.方式一:通过字符串截取的方式获取参数值: 1).函数一:获取URL中的参数名及 ...
js获取 url 参数值的方法总结
今天小编碰到一个朋友问这么一个问题,怎么在一个页面中获取另外一个页面url传过来的参数呢?最初一开始很本能的想到了用 split("?"),这样一步步的分解出需要的参数.但是想了一 ...
js获取url参数值
2019独角兽企业重金招聘Python工程师标准>>> 方法一:正则分析法 function getQueryString(name) { var reg = new RegE ...
js 获取url参数的方法
浏览器提供了一个新的接口来获取 url参数------------- URLSearchParams // 示例 https://www.baidu.com?id=2&isCheck=2 le ...
js获取url路径的方法
url = window.location.href; 获取完整的路径,但获取的使用unicode编码过的可以使用unescape(url)方法转化成英文,但url中有汉字,使用该方法,汉字会乱码 ...
js获取url参数的方法
简单方便 function getVariable(url, key) {url = new URL(url);return url.searchParams.get(key) }const url2 ...
js返回上级页面的方法（亲测）
前段时间遇到一个问题,平台开发+自己书写页面,无法返回上一级页面,在网上搜了大量的方法,最终终于找到了一个使用自己的方法在网上搜寻了一遍,基本上90%的都是说的是用window.history.go ...
【转】js获取url传值
js获取url参数值 index.htm?参数1=数值1&参数2=数值2&参数3=数据3&参数4=数值4&...... 静态html文件js读取url参数根据获取ht ...
js 获取url参数问题
网上常常找到的js获取url参数的方法是: /** * @param {String} name 参数名称 * @param {String} url 请求的Url,可以填,如果不填为当 ...

js获取url参数值的方法总结(亲测)

1、方式一：通过字符串截取的方式获取参数值；

2、方式二：通过正则获取到参数值；

js获取url参数值的方法总结(亲测)相关推荐

最新文章

热门文章