如何在JavaScript中检索URL查询参数?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (18)

当我向地址栏中的URL添加查询参数时,如何从JavaScript或jQuery中检索它?例如,当我输入时index.php?id=70&edid=33,如何检索值33?

提问于
用户回答回答于

你可以通过javascript从地址栏获取完整的网址,然后按照以下方式操作它:

var address=document.location; var edid=address. substring(address.indexOf('edid')+5, address.indexOf(edid)+7);

用户回答回答于

在现代浏览器中,你可以使用URL.searchParams [↗]对象。

// Create a new URL object
let address = new URL(window.location);

// Get searchParameters property of the URL object
let queryParameters = address.searchParams;

// Retrieve specific query parameters
let id = params.get("id"); // 70
let edid = params.get("edid"); // 33

浏览器对URL.searchParams [↗]的支持如下:

  • Edge 17+
  • Chrome 49+
  • Safari 10.1+
  • Firefox 44+

扫码关注云+社区

领取腾讯云代金券