JS obtains the parameter values ​​in the URL based on the key value and converts the URL parameters into json objects_javascript skills

No more nonsense, let’s just post the code. Example 1 explains how JS gets the parameter values ​​in the URL based on the key value and converts the URL parameters into json objects. Example 2 explains how JS gets the parameters passed from the URL. Please see below for details.

Example 1:

//Convert the parameter part of the url into a json object

 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;
 }

// Get the parameter value in the url through key

 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;
 }

Example 2:

js obtains url passing parameters through two methods:

JS method of obtaining url passing parameters:

Here is a JAVASCRIPT client solution for obtaining URLs with QUESTRING parameters, which is equivalent to ASP's request.querystring and PHP's $_GET
Function:

<Script language="javascript">
function GetRequest() {
 
 var url = location.search; //获取url中"&#63;"符后的字串
 var theRequest = new Object();
 if (url.indexOf("&#63;") != -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>

Then we get the corresponding parameter value by calling this function:

<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>

Get the parameter with the same name in the url string

Method 2 for js to obtain url passing parameters Regular analysis method:

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"));

Introduction to other parameters:

//Set or get the file name or path specified by the object.

alert(window.location.pathname);

//Set or get the entire URL as a string.

alert(window.location.href);

//Set or get the port number associated with the URL.

alert(window.location.port);

//Set or get the protocol part of the URL.

alert(window.location.protocol);

//Set or get the segment after the pound sign "#" in the href attribute.

alert(window.location.hash);

//Set or get the hostname and port number of location or URL.

alert(window.location.host);

//Set or get the part following the question mark in the href attribute.

alert(window.location.search);

The above content introduces JS to obtain the parameter values ​​​​in the URL based on the key value and convert the URL parameters into json objects. JS obtains the URL transmission parameters in two ways, code

It’s very simple and I hope it helps everyone.