Есть ли способ изменить адресную строку браузера без обновления страницы?

Я разрабатываю веб-приложение. В нем у меня есть раздел под названием категории, который каждый раз, когда пользователь щелкает одну из категорий, панель обновлений загружает соответствующий контент.

После того, как пользователь щелкнул категорию, я хочу изменить URL-адрес адресной строки браузера с

www.mysite.com/products 

к чему-то вроде

www.mysite.com/products/{selectedCat} 

без обновления страницы.
Есть ли какой-нибудь JavaScript API, который я могу использовать для этого?

С HTML5 вы можете изменить URL-адрес без перезагрузки:

Если вы хотите сделать новый пост в истории браузера (т.е. кнопка назад будет работать)

window.history.pushState('Object', 'Title', '/new-url');

Если вы просто хотите изменить URL-адрес, не имея возможности вернуться

window.history.replaceState('Object', 'Title', '/another-new-url');

Объект можно использовать для навигации ajax:

window.history.pushState({ id: 35 }, 'Viewing item #35', '/item/35');

window.onpopstate = function (e) {
  var id = e.state.id;
  load_item(id);
};

Подробнее читайте здесь: http://www.w3.org/TR/html5-author/history.html.

Резервное решение: https://github.com/browserstate/history.js

Чтобы добавить к тому, что уже сказали ребята, отредактируйте свойство window.location.hash, чтобы оно соответствовало URL-адресу, который вы хотите в своей функции onclick.

window.location.hash = 'category-name'; // address bar would become http://example.com/#category-name

Я считаю, что прямое изменение адресной строки на совершенно другой URL-адрес без перехода на этот URL-адрес запрещено по соображениям безопасности, если вы довольны тем, что

www.mysite.com/products/#{selectedCat}

то есть ссылка в стиле привязки на той же странице, затем просмотрите различные сценарии истории / «кнопки возврата», которые сейчас присутствуют в большинстве библиотек javascript.

Упоминание о панели обновлений заставляет меня предположить, что вы используете asp.net, в этом случае элемент управления asp.net ajax history - хорошее место для начала

Я не думаю, что это возможно (по крайней мере, изменение адреса на совершенно другой), поскольку это было бы неинтуитивным злоупотреблением адресной строкой и могло бы способствовать фишинговым атакам.

Этого нельзя сделать так, как вы это говорите. Метод, предложенный somej.net, является наиболее близким из возможных. На самом деле это очень распространенная практика в эпоху AJAX. Даже Gmail использует это.

"window.location.hash"

как предлагает санхотефат, должен быть единственным способом сделать это. Потому что во всех местах, где я видел эту функцию, она всегда после # в URL.