使用javascript / jquery单击DOM元素后，在地址栏中更改URL

Question

有没有办法在点击DOM元素后更改浏览器中的URL而不重新加载页面？

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

前：

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

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

Answer 1

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

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

以通常的方式解析网址。

Browser support is good，除了IE9及更早版本。