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

How to retrieve URL query parameter in JavaScript

本文关键字：URL 查询 参数 检索 JavaScript      更新时间：2023-09-26

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

在现代浏览器中，您可以使用URL.searchParams [xxx]对象。

// 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 = queryParameters.get("id"); // 70
let edid = queryParameters.get("edid"); // 33

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

  • 边缘17 +
    • Chrome 49 +
  • Safari 10.1 +
    • Firefox 44 +

以下是我的答案。我认为这是这个问题的最佳解决方案。您可以将"index.php?id=70&edid=33"替换为"window.location"。

路径名称 

var url="index.php?id=70&edid=33";
var qString=url.split("?")[1];
//console.log(qString);
var param_val=qString.split("&");
var params=[];
for(var i=0; i < param_val.length; i++){
  params.push(param_val[i].split("="));
}
var edit_id;
for(var j=0; j < params.length; j++){
    if(params[j][0]==="edid"){
      edit_id=params[j][1];
      break;
     }
}
console.log(edit_id);

您可以通过javascript从地址栏获得完整的url，然后像下面这样操作

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

这不是这个问题的完美解决方案，但它会给你一个让东西工作的想法。

相关文章：