使用 javascript/jquery 点击 DOM 元素后更改地址栏中的 URL

Change URL in address bar after click on DOM element with javascript/jquery

本文关键字：地址栏 URL 元素 javascript jquery 点击 DOM 使用      更新时间：2023-09-26

有没有办法在浏览器中更改 URL，而无需在单击 DOM 元素后重新加载页面？

    $('#filter_form').on('change', function () {
        $.ajax(options);
        //change the browser URL
    });

前任：

之前：http://somepage.com/filters

之后：http://somepage.com/filters?type=apartment

是的，这可以通过历史 API 实现。history.pushState 和 history.replaceState 都允许您指定新的 URL，例如：

history.pushState(null, null, "filters?type=apartment");

URL 以常规方式解析。

浏览器支持很好，除了IE9及更早版本。

相关文章：