使用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

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

Answer 1

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

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

该URL以通常的方式解析。

除了IE9和更早版本之外， 浏览器支持都很好 。