如何通过javascript检查是否存在查询字符串值

Question

如何使用javascript/jquery检查查询字符串中是否包含aq =？

Answer 1

您还可以使用正则表达式:

/[?&]q=/.test(location.search)

Answer 2

var field = 'q';
var url = window.location.href;
if(url.indexOf('?' + field + '=') != -1)
    return true;
else if(url.indexOf('&' + field + '=') != -1)
    return true;
return false

Answer 3

使用URL:

url = new URL(window.location.href);

if (url.searchParams.get('test')) {

}

编辑:如果你对兼容性感到难过,我强烈建议https://github.com/medialize/URI.js/.

Answer 4

在现代浏览器中，多亏了URLSearchParams界面，这变得容易多了。这定义了许多实用方法来处理 URL 的查询字符串。

假设我们的 URL 是https://example.com/?product=shirt&color=blue&newuser&size=m，您可以使用window.location.search以下方法获取查询字符串：

const queryString = window.location.search;
console.log(queryString);
// ?product=shirt&color=blue&newuser&size=m

然后，您可以使用URLSearchParams以下方法解析查询字符串的参数：

const urlParams = new URLSearchParams(queryString);

然后你可以在结果上调用它的任何方法。

例如，URLSearchParams.get()将返回与给定搜索参数关联的第一个值：

const product = urlParams.get('product')
console.log(product);
// shirt

const color = urlParams.get('color')
console.log(color);
// blue

const newUser = urlParams.get('newuser')
console.log(newUser);
// empty string

您可以使用URLSearchParams.has()检查某个参数是否存在：

console.log(urlParams.has('product'));
// true

console.log(urlParams.has('paymentmethod'));
// false

如需进一步阅读，请点击此处。

Answer 5

简单的javascript代码示例直接回答您的问题:

return location.search.indexOf('q=')>=0;

普通的javascript代码示例,它尝试查找q参数是否存在以及是否具有值:

var queryString=location.search;
var params=queryString.substring(1).split('&');
for(var i=0; i<params.length; i++){
    var pair=params[i].split('=');
    if(decodeURIComponent(pair[0])=='q' && pair[1])
        return true;
}
return false;

Answer 6

另一种变体,但与Gumbos解决方案几乎相同:

var isDebug = function(){
    return window.location.href.search("[?&]debug=") != -1;
};