如何从URL中提取字符串值？

Question

我想从下面提到的网址中提取以下值？

• 布局2
• AQUA

码

var url = "http://localhost:8080/dflyers/edit.html?layout2&aqua"
var dataLayout = // I need url string (layout2) here
var dataTheme = // I need url string (aqua) here

有人可以帮助使用jQuery / Javascript获取提到的值吗？感谢

Answer 1

好吧，如果你只想从提到的url中获取这些值，而不是任何复杂的url解析器，那么最简单的解决方案就是：

var url = "http://localhost:8080/dflyers/edit.html?layout2&aqua";
var query = url.split('?')[1].split('&');
var dataLayout = query[0];
var dataTheme = query[1];

alert('layout '+dataLayout);
alert('theme '+dataTheme);​

示例running in jsfiddle

Answer 2

var url = "http://localhost:8080/dflyers/edit.html?layout2&aqua",
    qs = url.split('?')[1],
    dataLayout = qs.split('&')[0],
    dataTheme = qs.split('&')[1];

如果您从location.href获取网址，则可以使用location.search来获取查询字符串并跳过split()。

Answer 3

如果您正在使用jQuery，那么BBQ插件（由Ben Alman提供）具有您正在寻找的功能：

http://benalman.com/projects/jquery-bbq-plugin/