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

时间:2018-09-11 15:43:40

标签: javascript html view

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

示例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);

怎么了?谢谢。

1 个答案:

答案 0 :(得分:3)

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

您可以将字符串除以&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)"