使用jquery获取url及url参数的简单实例

下面是使用jquery获取url及url参数的简单实例的完整攻略。

1. 在URL中获取参数

先来看如何获取URL中的参数。我们可以使用window.location.search来获取URL中问号?以及后面的参数部分，例如：

// 获取URL参数
var search = window.location.search;

search返回的是一个字符串，格式为?key1=value1&key2=value2...，其中key1、key2为参数名，value1、value2为参数值。

如果我们要获取某个具体的参数值，可以使用URLSearchParams对象来获取，具体代码如下：

// 获取参数值示例
var searchParams = new URLSearchParams(search);
var name = searchParams.get('name'); // 获取名为name的参数的值
console.log(name);

在这个例子中，我们首先使用URLSearchParams对象来解析URL参数。然后，我们通过get方法获取名为name的参数的值，最后通过console.log将参数值打印出来。

2. 通过正则表达式获取参数

除了使用URLSearchParams对象来获取参数，我们还可以使用正则表达式来获取参数，具体代码如下：

// 正则表达式获取URL参数示例
var url = 'http://www.example.com/index.html?id=123&name=test&age=20'; // 假设这是我们要解析的URL
var reg = new RegExp("(^|&)" + "name" + "=([^&]*)(&|$)");
var result = url.match(reg);
console.log(result[2]);

在这个例子中，我们首先定义了一个带有要查找的参数名的正则表达式。然后，我们将要解析的URL与该正则表达式进行匹配，得到一个数组result。最后，我们通过访问数组中第二个元素（即参数的值）来获取参数值。

3. 总结

在本文中，我们讲解了两种获取URL参数的方法：使用URLSearchParams对象和使用正则表达式。在实际应用中，我们可以根据具体情况选择合适的方法来获取参数。