185、商城业务-检索服务-页面筛选条件渲染

最新推荐文章于 2023-02-13 10:37:42 发布

原创最新推荐文章于 2023-02-13 10:37:42 发布 · 268 阅读

0 ·

CC 4.0 BY-SA版权

谷粒商城专栏收录该内容

261 篇文章

订阅专栏

本文介绍了一种在不刷新页面的情况下动态更新URL参数的方法，通过JavaScript实现，适用于需要实时反馈搜索条件的场景，如电商网站的产品筛选功能。

th:href="${'javascript:searchProducts(&quot;brandId&quot;, '+brand.brandId+')'}"

function searchProducts(name, value){
        //原来的页面
        location.href = location.href + "&" + name + "=" + value;
    }

地址栏地址就会改变

th:href="${'javascript:searchProducts(&quot;catalog3Id&quot;, '+catalog.catalogId+')'}"

 function searchProducts(name, value){
        //原来的页面
        var href = location.href + "";
        if(href.indexOf("?") != -1){
            location.href = location.href + "&" + name + "=" + value;
        } else {
            location.href = location.href + "?" + name + "=" + value;
        }
    }