Javascript 在提交搜索后向 URL 添加排序参数

Question

I would like it to automatically sort from low to high once I click the search button on cvs.com website. Below is what I have so far. The issue with this is that it keeps refreshing the page.

How do I stop the page from constantly refreshing after the sort parameter has been set?

if ('URLSearchParams' in window) {
    var searchParams = new URLSearchParams(window.location.search);
    searchParams.set("sort", "pa");
    window.location.search = searchParams.toString();
}

Answer 1

You can use window.stop();

if ('URLSearchParams' in window) {
    var searchParams = new URLSearchParams(window.location.search);
    searchParams.set("sort", "pa");
    window.location.search = searchParams.toString();
    window.stop();
}

Try this code as it will not refresh the browser:

if ('URLSearchParams' in window) {
      const url = new URL(window.location);
      url.searchParams.set('sort', 'pa');
      window.history.pushState({}, '', url);
}

For more details refer this