如何从 javascript 中的 URL 获取值

Posted 2023-05-09

【中文标题】如何从 javascript 中的 URL 获取值

【英文标题】：How can i get value from URL in java script

【发布时间】：2020-09-18 16:26:34

【问题描述】：

http://localhost:3000/admin/parking/airportParkingPriorityUpdate/xyz

我如何使用 javascript 从 url 获取值“XYZ”

【问题讨论】：

您是否正在寻找获取 url 参数的角度方式？

向我们展示您的router 配置

【参考方案1】：

const list = location.href.split('/');
list[list.length-1]

【讨论】：

但是您是否在检查角度的做法？

现在在你的网址上添加一个查询字符串，看看它是否仍然有效......

【参考方案2】：

let url = "http://localhost:3000/admin/parking/airportParkingPriorityUpdate/xyz";

let parts = url.split("/");

let final = parts[parts.length - 1];

console.log(final);

【参考方案3】：

window.location 对象为您提供了完成此任务所需的一切。检查API docs for Location 以查看您拥有的有关当前 URL 的所有可用值。

对于你给出的这个具体例子。 window.location.pathname 将是 /admin/parking/airportParkingPriorityUpdate/xyz。

您可以使用window.location.pathname.split('/') 轻松拆分。然后是从结果中获取最后一个数组值的情况。

const path = window.location.pathname;
const parts = path.split('/');
const result = parts[parts.length - 1];

请注意，IE window.location.pathname 中的前导/。

【讨论】：

不客气@karthi，但您接受的答案不会一直有效。这将。

【参考方案4】：

你可以使用正则表达式：

// create a url - object
let url = new URL('http://localhost:3000/admin/parking/airportParkingPriorityUpdate/xyz');

// use just the pathname of the url (if there would exist url - params in the url they would be filtered out)
let result = url.pathname.match(/((?!\/).)+$/)[0];

// use the result however you want
console.log(result)

【参考方案5】：

您还可以使用 javaScript 获取 URL 参数。试试下面的代码。

http://localhost/mypage?id=10&name=Simy

getURLParameter("id") --> 返回 10

function getURLParameter(variable)

       var query = window.location.search.substring(1);
       var vars = query.split("&");
       for (var i=0;i<vars.length;i++) 
               var pair = vars[i].split("=");
               if(pair[0] == variable)return pair[1];
       
       return(false);