如何在 jquery 中获取查询参数 - Javascript

在开发 web 应用过程中，我们需要从 URL 中获取查询参数来执行一些操作。jQuery 提供了一种简单的方法来获取 URL 查询参数。

方法

使用 window.location.search

可以使用 window.location.search 获取 URL 中的查询参数。如果我们的 URL 是 https://example.com/search?query=javascript&sort=popular，那么 window.location.search 会返回 ?query=javascript&sort=popular。

const queryParameters = window.location.search.substr(1); // 去掉 '?'
console.log(queryParameters); // 输出 'query=javascript&sort=popular'

使用 jQuery 的 $.param

可以使用 jQuery 的 $.param 方法将查询参数对象序列化为查询字符串。例如，我们有以下查询参数对象：

const queryParams = {
  query: "javascript",
  sort: "popular"
};

我们可以使用以下代码将该对象序列化为查询字符串：

const queryString = $.param(queryParams);
console.log(queryString); // 输出 'query=javascript&sort=popular'

使用 jQuery 的 $.getUrlParam

如果需要获取 URL 中特定的查询参数值，可以使用 jQuery 的自定义 $.getUrlParam 方法。以下代码将在 URL 中查找名为 sort 的参数，并返回其值：

$.extend({
  getUrlParam: function(name) {
    const results = new RegExp('[\?&]' + name + '=([^&#]*)').exec(window.location.href);
    if (results === null) {
      return null;
    }
    return decodeURI(results[1]) || 0;
  }
});

const sortValue = $.getUrlParam("sort");
console.log(sortValue); // 输出 'popular'

结论

使用以上方法，我们可以轻松地获取 URL 中的查询参数，并在 web 应用中执行相应的操作。