js如何获取url后面参数

JS怎样获取URL后面的参数

在JavaScript中，获取URL后面的参数是一个常见的操作，通常用于获取浏览器地址栏中的查询字符串信息。以下是一种方法，可以轻松获取并解析这些参数。

使用内置的URLSearchParams API

现代浏览器中提供了一个名为URLSearchParams的API，它可以轻松地解析和处理URL的查询字符串。以下是怎样使用这个API来获取URL参数的例子：

// 假设当前的URL是：http://www.example.com?page=3&sort=desc
// 获取当前页面的URL
var url = window.location.search;
// 创建一个URLSearchParams对象
var params = new URLSearchParams(url);
// 获取参数
var page = params.get('page'); // 返回 "3"
var sort = params.get('sort'); // 返回 "desc"
console.log("当前页码：" + page);
console.log("排序行为：" + sort);

手动解析查询字符串

如果需要拥护不兼容URLSearchParams的旧版浏览器，你大概需要手动解析查询字符串。以下是一个函数示例，展示了怎样手动获取URL参数：

function getQueryVariable(variable) {
  var query = window.location.search.substring(1);
  var vars = query.split("&");
  for (var i=0;i
    var pair = vars[i].split("=");
    if(pair[0] == variable){return pair[1];}
  }
  return(false);
}
// 使用示例
var page = getQueryVariable("page"); // 返回 "3"
var sort = getQueryVariable("sort"); // 返回 "desc"
console.log("当前页码：" + page);
console.log("排序行为：" + sort);

这些方法都可以帮助你从URL中提取有用的信息，便于在JavaScript中进行进一步的操作和处理。

本文由IT视界版权所有,禁止未经同意的情况下转发