Question

我正在尝试检查是否已经运行了搜索，以便我可以使用JS对此做出反应并根据页面加载时隐藏和显示不同的div。

如何使用JavaScript和Jquery从URL获取信息？

www.localhost.com/search?name=&category=

我想获取名称和类别的信息，如果它们不为null我想显示此div

<div class="Search-results"></div>

隐藏这个

<div class="Search-params"></div>

这甚至可能吗？

Answer 1

此网站上的许多解决方案都是在较新的URL API实施之前完成的，并涉及解析字符串

使用URL.searchParams，它有许多方法来获取，设置和迭代键和值，而不必解析字符串

const url =new URL('http://www.localhost.com/search?foo=bar&name=&category=')
const params = url.searchParams;

// check if 2 params exist and have values
if(!params.get('name') && !params.get('category')){
  console.log('name & category are empty or not available')
}
// output value of valid param
console.log('value of foo = ', params.get('foo'))

// add a new param and output updated href string
params.set('new-param', 123);
console.log('Updated url\n', url.href)

// loop through all params
for(let p of params){
   console.log('value of', p[0] , ' is ', p[1] || 'empty')
}

Answer 2

这有效：

if(!searchParams.get('name') && !searchParams.get('category')){

  }
  else{

        $('.search').hide()


}

从URL获取信息并显示和隐藏html元素

2 个答案: