我如何从 java 脚本中的 URL 获取值

Question

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

如何使用 javascript [=13= 从 url 中获取值“XYZ” ]

Answer 1

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

Answer 2

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

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

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

console.log(final);

Answer 3

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

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

获取URL参数("id") --> Returns 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);
}

Answer 4

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 10

请注意，IE <=10 从不包含 window.location.pathname 中的前导 /。

Answer 5

您可以使用正则表达式：

// 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)

我如何从 java 脚本中的 URL 获取值

How can i get value from URL in java script

javascript

jquery

angularjs

angularjs-scope

angular-ui-router