jQuery – 获取URL路径

在本文中，我们将介绍如何使用jQuery来获取URL路径。

什么是URL路径？

URL（Uniform Resource Locator）是用于定位网址的地址，由协议、域名、端口和路径组成。URL路径是其中的一部分，它指的是域名后面的部分，用来定位网站内具体的资源。

例如，对于以下URL：

https://www.example.com/products/shoes

路径是/products/shoes。

获取URL路径的方法

在jQuery中，我们可以使用window.location对象来获取URL的不同部分，包括路径。

以下是几种获取URL路径的方法：

方法一：使用`window.location.pathname`

window.location.pathname可以获取URL中的路径部分。它返回一个字符串，表示URL的路径。

var path = window.location.pathname;
console.log(path);

在上面的示例中，如果当前URL为https://www.example.com/products/shoes，则输出的结果为/products/shoes。

方法二：使用`split`函数

我们可以使用JavaScript的split函数来分割URL字符串，然后获取路径部分。

var url = window.location.href;
var path = url.split("/").slice(3).join("/");
console.log(path);

在上面的示例中，我们首先使用window.location.href获取完整的URL字符串，然后使用split函数将其按照"/"分割成数组。接着，我们使用slice函数去掉前面的协议、域名及端口部分，并使用join函数将剩余的部分重新连接成字符串，即可得到URL的路径。

例如，对于URLhttps://www.example.com/products/shoes，输出的结果为products/shoes。

方法三：使用正则表达式

如果我们希望更灵活地匹配URL路径的特定模式，可以使用正则表达式来提取路径部分。

var url = window.location.href;
var pattern = /\/products\/(.+)/;
var match = url.match(pattern);
if (match) {
  var path = match[1];
  console.log(path);
} else {
  console.log("URL路径不匹配指定模式");
}

在上面的示例中，我们使用了正则表达式/\/products\/(.+)/，它匹配以/products/开头的路径。如果URL路径符合这个模式，match函数会返回一个数组，其中第一个元素是匹配到的完整字符串，后续的元素则是捕获分组的内容。我们可以通过索引来获取捕获分组的内容。

例如，对于URLhttps://www.example.com/products/shoes，输出的结果为shoes。

示例

下面是一个示例，展示如何根据URL路径中的特定部分来进行不同的操作。

var path = window.location.pathname;

if (path === "/products") {
  console.log("显示所有产品");
} else if (path.startsWith("/products/")) {
  var productId = path.split("/")[2];
  console.log("显示产品详情：" + productId);
} else {
  console.log("路径无效");
}

在上面的示例中，我们首先获取URL路径，然后根据不同的路径进行不同的操作。如果路径是/products，则打印出”显示所有产品”；如果路径是/products/123，则打印出”显示产品详情：123″；否则，打印出”路径无效”。

根据实际需求，我们可以根据URL路径的不同来执行相应的逻辑，例如加载不同的页面内容、发送不同的请求等。