使用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和更早版本之外， 瀏覽器支持都很好 。