JS根据key值获取URL中的参数值及把URL的参数转换成json对象

2019-11-20 11:42:39

字体：大中小

来源：转载

供稿：网友

不废话了，直接贴代码了，通过示例一讲解JS根据key值获取URL中的参数值及把URL的参数转换成json对象，示例二讲解js获取url传递参数，具体内容请看下文

示例一：

//把url的参数部分转化成json对象

 parseQueryString: function (url) {  var reg_url = /^[^/?]+/?([/w/W]+)$/,   reg_para = /([^&=]+)=([/w/W]*?)(&|$|#)/g,   arr_url = reg_url.exec(url),   ret = {};  if (arr_url && arr_url[1]) {   var str_para = arr_url[1], result;   while ((result = reg_para.exec(str_para)) != null) {    ret[result[1]] = result[2];   }  }  return ret; }

// 通过key获取url中的参数值

 getQueryString: function (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; }

示例二：

js通过两种方法获取url传递参数：

js获取url传递参数方法一：

这里是一个获取URL带QUESTRING参数的JAVASCRIPT客户端解决方案，相当于asp的request.querystring，PHP的$_GET
函数:

<Script language="javascript">function GetRequest() {  var url = location.search; //获取url中"?"符后的字串 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]]=(strs[i].split("=")[1]);  } } return theRequest;}</Script>

然后我们通过调用此函数获取对应参数值：

<Script language="javascript">var Request = new Object();Request = GetRequest();var 参数1,参数2,参数3,参数N;参数1 = Request[''参数1''];参数2 = Request[''参数2''];参数3 = Request[''参数3''];参数N = Request[''参数N''];</Script>

以此获取url串中所带的同名参数

js获取url传递参数方法二正则分析法：

function GetQueryString(name) {  var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)","i");  var r = window.location.search.substr(1).match(reg);  if (r!=null) return (r[2]); return null;}alert(GetQueryString("参数名1"));alert(GetQueryString("参数名2"));alert(GetQueryString("参数名3"));

其他参数获取介绍：

//设置或获取对象指定的文件名或路径。