js获得参数的getParameter使用示例

当我们开发一个需要传参的JavaScript网页时，经常需要从URL中获取传递的参数。而getParameter就是一种常用的JS函数来用于获取参数值的方法。

当我们开发一个需要传参的JavaScript网页时，经常需要从URL中获取传递的参数。而getParameter就是一种常用的JS函数来用于获取参数值的方法。

下面是getParameter的具体使用方法及示例说明：

1. getParameter使用方法

getParameter的基本使用方法是：获取URL参数的值使用“?”作为分隔符，不同的参数之间用“&”进行连接。例如，以下是一个URL的例子：

http://www.example.com/index.html?id=123&username=test

该URL中，包含了两个参数：id和username。我们可以通过JavaScript中的getParameter函数获取参数的值。

getParameter函数的代码如下：

function getParameter(name) {
  var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
  var r = window.location.search.substr(1).match(reg);
  if (r != null) return unescape(r[2]);
  return null;
}

getParameter函数的参数是参数名name，它将返回参数值。如果参数不存在，则返回null。

2. getParameter使用示例

示例一

例如，我们通过以下URL访问网页：

http://www.example.com/index.html?id=123&username=test

假设我们想要获取id参数的值，我们可以使用如下代码进行获取：

var id = getParameter("id");

执行以上代码后，变量id的值将为字符串"123"。

示例二

以下是一个更复杂的示例，我们在URL中传递了多个参数，其中的某个参数又是一个对象。例如，以下是一个包含了多个参数的URL：

http://www.example.com/index.html?id=123&username=test&user={"name":"张三","age":18}

我们可以通过如下代码获取其中user参数的值：

var userStr = getParameter("user");
var userObj = JSON.parse(decodeURIComponent(userStr));

通过以上代码，我们首先使用getParameter函数获取了user参数的值，它是一个被编码的字符串。我们需要先使用decodeURIComponent函数对它进行解码，并再使用JSON.parse函数将其转换成对象。这样操作后，我们就可以直接使用userObj对象的属性值了。例如，以下代码可以打印出"user"对象的属性"name"的值：

console.log(userObj.name); // 输出：张三

总结

getParameter是JavaScript中常用的获取URL参数值的函数，通过这个函数可以轻松地获取URL中传递的参数值。在实际开发中，我们经常需要使用此函数来快速获取参数值并进行相应处理。