Как изменение названия ссылок при подгрузке ajax?

Question

[happyer]

Здравствуйте у меня такая проблема
Я написал код на Ajax который работает так:
При нажатии на блок в меню отправляется запрос через Ajax и Ajax подгружает файл php но при этом ссылка так и остаётся что-то/index.php то есть при обновлении страницы вы снова очутитесь на главной странице так как можно исправить что бы можно было указать определенную ссылку и при этом сразу открывалась нужная страница с подгруженнвм контентом

Comments

[happyer]

Изменить* извините

Answer 1

[Кирилл]

подозреваю, что вам нужно посмотреть в сторону History_API

Comments

[happyer]

Нет это не то это просто возвращает к пред идущим файлам но это никак не меняет веб путь

[Егор Живагин]

happyer, как раз не возвращает к предыдущим файлам, а позволяет менять url без перезагрузки страницы ) Метод pushState , например

[happyer]

Егор Живагин, хорошо почитаю

[happyer]

Егор Живагин, на сколько я понял что pushstate просто отвечает за добавление в историю но при этом URL же остаётся тем же так ведь?

[Егор Живагин]

happyer, нет, как раз меняется

Представьте страницу mozilla.org/foo.html, которая выполняет следующий JavaScript:

var stateObj = { foo: "bar" };
history.pushState(stateObj, "page 2", "bar.html");

В этом случае адресная строка станет показывать mozilla.org/bar.html, но браузер не будет загружать страницу bar.html и даже проверять существует ли она.

Цитата и код отсюда

[happyer]

Егор Живагин, а если мы в foo подставим что-то типо test/test2 то URL измениться на mozilla.org/test/test2.html

[Кирилл]

happyer, нет, stateObj это то, что попадёт в историю браузера, чтобы сменился урл на указанный вами нужно в приведённом коде bar.html заменить на test/test2.html

[happyer]

FinderOT, нет, да я это и имел введу что в кавычки надог подставить, спасибо

[happyer]

Егор Живагин, вот смотрите я написал такой код в файле который находится здесь test/test.php
var stateObj = { foo: "test"};
history.pushState(stateObj, "page 2", "test2");
в итоге после обновления страницы мне выдает ошибку что страница не найдена
как это можно исправить и объяснить ?

[Кирилл]

happyer, а страница /test2 существует?

[happyer]

FinderOT, нет, я не совсем понимаю как это работать должно я просто почитал и там не совсем понятно все написано

[Егор Живагин]

happyer, этот код просто меняет url-адрес. Там даже написано, что браузер не проверяет, существует ли страница. Всё происходит на фронтенде. Браузер остаётся на изначальной странице, просто меняя url

Но когда вы перезагружаете страницу/переходите по новому адресу, запрос по этому адресу летит на бэкенд. Соответственно, если бэкенду нечего отдавать по этому адресу - вылетит ошибка.

[happyer]

Егор Живагин, а как сделать что бы при указании этого юрл открывалась именно та подгруженная страница

[Егор Живагин]

happyer, настроить бэкенд, чтобы он отдавал по этому запросу нужную страницу

[happyer]

Егор Живагин, хорошо спасибо

Answer 2

[frammmm]

Подозреваю, что вам нужен PJAX

Comments

[happyer]

Можете посоветовать статью какую-нибудь тогда ? Я просто все что можно испробовал поэтому решился обратиться сюда к тому же про pjax тоже искал но ничего годного не нашел

[frammmm]

Собственно почитать о плагине можно тут, либо наглядно увидеть здесь.

Если вам хочется, что бы это было еще и красиво, то можно взглянуть на barbajs

[happyer]

frammmm, хорошо спасибо посмотрю