javascript - 如何使用 JQuery 从自定义输入中获取 URL 参数

Question

我有一个观点，我想存储一些 URL 参数并尝试了所有方法。这是我当前的代码。

示例网址:https://www.facebook.com?username= ""&password=""(我正在尝试收集参数值)

HTML:

<input id="urlInput" type="text" placeholder="Enter URL" class="form-control" />

Javascript:

var url = $("#urlInput").val();//This pulls the value of the input/URL with parameters
var getURLUser = url.substring(url.indexOf("?"));
$("#urluser").html(getURLUser);

怎么了？谢谢。

Answer 1

目前，您正在获取从 ? 开头到字符串结尾的字符串。

你可以用&password=分割字符串，得到它的右边:

var url = "https://www.facebook.com?username=123&password=(I'm trying to collect the parameter values)";
var getURLUser = url.split("&password=")[1];
// results in "(I'm trying to collect the parameter values)"
console.log(getURLUser);

或

var url = "https://www.facebook.com?username=123&password=(I'm trying to collect the parameter values)";
var getURLUser = url.split("&password=");
console.log(getURLUser[0]);
// results in "https://www.facebook.com?username=123"
console.log(getURLUser[1]);
// results in "(I'm trying to collect the parameter values)"