Задать вопрос
@MaksKein
javascript

Как убрать якорь (#, hash, хэш, решетку) в URL?

Ситуация следующая:
есть сайт на некой CMS, на нем страница формы заказа по адресу /zakaz/, после нажатия на кнопку «Отправить» юзер средствами CMS перенаправляется на страницу /zakaz/ok/. Когда-то на непосредственно форму стоял html-якорь #form (чтобы страница по адресу /zakaz/#form отображалась начиная с первой строки формы). Позже стало понятно, что если юзер заполняет форму с урл в браузере /zakaz/#form — форма отрабатывает некорректно (нет перенаправления).

Задача — при заходе юзера по адресу /zakaz/#form менять урл в его браузере на /zakaz/

Возможно ли это сделать? Правильно ли я понимаю, что, поскольку к серверу идет запрос только /zakaz/, а #form обрабатывается уже на клиенте, ни php, ни mod_rewrite через .htaccess не помогут, т.е. только средствами javascript?
  • Вопрос задан
  • 34650 просмотров
Комментировать
Подписаться 9 Оценить Комментировать
Пригласить эксперта
Ответы на вопрос 6
TroL929
@TroL929
веб-программист
Вопрос конечно устаревший, ну пока ответ под рукой отвечу. Может кому пригодится.
history.pushState('', document.title, window.location.pathname);
Ответ написан
Комментировать
Комментировать
ishaba
@ishaba
window.location.href.split('#')[0]
как-то так, но лучше добавить / в action формы
Ответ написан
1 комментарий
1 комментарий
@Sims
Как уже было упомянуто, хеш можно убрать при момощи javascript, изменив свойство window.location.hash. Сервер не сможет убрать хеш, поскольку он не включается браузером в параметры запроса и, соответственно, не отправляется на сервер (в целом, единственный способ прислать хеш серверу — вручную добавить его через javascript в качестве одного из параметров перед отправкой запроса). Более того, даже если сервер будет знать, что в запросе присутствует хеш, в общем случае он все равно не сможет убрать хеш из параметра запроса (через redirect response), поскольку согласно спецификации w3c браузер обязан автоматически добавлять хеш (fragment identifier) к строке запроса после обработки редиректа (http://www.w3.org/TR/cuap#uri).
Ответ написан
Комментировать
Комментировать
Almazka987
@Almazka987
веб-программист
jquery код - настройка перехода по якорю, чтобы решетка не отображалась в адресной строке после перехода:
$('a[href*=#]').bind("click", function(e){
      var anchor = $(this);
      $('html, body').stop().animate({
         scrollTop: $(anchor.attr('href')).offset().top-100
      }, 1000);
      e.preventDefault();
   });
Ответ написан
2 комментария
2 комментария
ishaba
@ishaba
Прочитал несколько раз но так и не понял…
У вас не отправляется форма если зайти по адресу domainname.ru/zakaz/#form?
И при это она же оправляется по domainname.ru/zakaz/?
Ответ написан
5 комментариев
5 комментариев
deilux
@deilux
Вообще, за якорь в адресе отвечает свойство window.location.hash. Нужно просто его очистить
Ответ написан
1 комментарий
1 комментарий
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Junior JavaScript Developer
КРАФТТЕК • Санкт-Петербург
от 60 000 до 80 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript Fullstack
OnClass
от 200 000 до 600 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Работы по сайту для оптимизации
16 апр. 2024, в 08:46
500 руб./за проект
Разработка бота в Telegram (POIZON)
16 апр. 2024, в 06:30
30000 руб./за проект
Исправить ошибку в пагинации 1с-битрикс
16 апр. 2024, в 05:27
500 руб./за проект
Ещё заказы