使用jquery获取url以及jquery获取url参数的实现方法

获取url和url参数是web前端开发中常用的技巧，可以让我们根据url信息来实现一些功能和跳转，下面将详细讲解使用jQuery获取url和url参数以及实现方法。

获取url

获取当前页面的url很简单，只需要执行以下jQuery代码即可：

var url = window.location.href;

上述代码将会获得当前页面的url，该url包括协议、主机名、端口号、路径和查询参数等信息。

获取url参数

获取url参数通常是获取查询参数，如：https://www.example.com/index.html?name=Tom&age=18，我们需要获取name和age的值。获取url参数的实现方法如下:

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

上述代码将返回指定查询参数的值，如果没有则返回null。

另外，如果有多个相同名称的查询参数，则返回第一个查到的参数值。

示例1：获取单个url参数

假设我们当前页面的url为https://www.example.com/index.html?name=Tom&age=18，我们需要获取name参数的值，可以使用上面的获取url参数的函数，执行以下jQuery代码即可：

var name = getUrlParam('name');
console.log('name:', name); // 输出：name: Tom

示例2：获取多个相同名称的url参数

假设我们当前页面的url为https://www.example.com/index.html?name=Tom&name=Jerry&age=18，我们需要获取name参数的值，可以使用上面的获取url参数的函数，和下面的jQuery代码：

var names = [];
$('input[name="name"]').each(function() {
  names.push($(this).val());
});
console.log('names:', names); // 输出：names: ["Tom", "Jerry"]

上述代码将返回一个数组，数组中包含了所有的name参数值，如果没有找到则该数组为空。

以上就是使用jQuery获取url以及url参数的实现方法，希望能帮助你更好地开发web应用程序。