根据搜索过滤器

Question

我有一个产品搜索页面。我在其中有搜索字段。搜索后，产品列表显示在结果部分。现在我想使用左侧面板“优化您的搜索”来修改搜索，在此部分中有一些参数会缩小您的搜索范围。 让用户搜索Shirt然后我的网址是http://localhost:8080/query?q=shirt 现在，如果用户使用颜色RED优化结果。我需要更新URL http://localhost:8080/query?q=shirt&color=red 怎么做 ？ 我使用的是Spring MVC和JSP，Javascript也是一种选择。

Answer 1

如果您不喜欢使用jQuery，那么您可以实现这一点。它并不完全考虑实际的搜索查询，因为我不完全了解您的实现。

var currentColor = '';

$("input[type=radio]").on('click', function () {
    var previousColor = currentColor;
    currentColor = $(this).val();

    //if the parameter has already been set then replace, otherwise create a new one
    if (previousColor) {
        location.href = location.href.replace("color=" + previousColor, "color=" + currentColor);
    } else {
        location.href = location.href + '&color=' + currentColor;
    }
});