Не зовсім те, здається все ще не зрозуміло пояснив.
На JS не потрібно додатково підтягувати сторінку, це реалізовано на бекенді. Якщо відкривати сторінку в браузері (без ajax), бекенд рендерить повністю всю сторінку яка запитується по вказаному URL. Якщо ж ми з JS робимо ajax запит, тоді бекенд замість повної сторінки повертає лише частину з контентом, який відповідно замінює блок зі старим контентом і міняє URL через pushState.
Так реалізована вся навігація на DevZone. Ось такий результат приходить від бекенда на ajax запит
В цей же блок я і додав js який оновлює сторінку якщо немає title, цей хак, в принципі, розв'язує проблему, але не зовсім гарно.
Без ajax повертається повна сторінка
І ця проблема виникає лише якщо відкрити сайт, далі перейти по посиланню яке завантажить іншу сторінку по ajax, закрити браузер і після повторного відкриття браузера на цій вкладці замість повної сторінки буде лише частина html з контентом, який був повернутий останнім ajax запитом.
<html>
<body>
<div>
Блок який постійно залишаються на сторінці
<a href="/path" class="ajax">отримати дані по ajax і записати в блок #content</a>
</div>
<div id="content">
дані в цьому блоці замінюються ajax запитом
</div>
<div>
Блок який постійно залишаються на сторінці
</div>
</body>
</html>
Він працює як потрібно, при кліці на посилання отримуються дані по ajax і записуються в блок #content, через pushState також змінюється URL.
Але якщо закрити браузер, а потом відкрити, на сторінці буде лише частина html коду яка була в блоці #content
Сподіваюся я зрозуміло пояснив.
PS. В момент відкриття браузера запит на сервер не відсилається, я перевіряв. Це саме браузер так відновлює сторінку залишаючи на ній лише ту частину що була отримана в останньому запиті.
Так і є, майже ніколи там нічого не запитував.
Бінго. Нарешті я зміг пояснити 😃
Тому я і вирішив що роблю щось не так. Думав що фронтендери давно розв'язали цю задачу і знають як правильно робити.
Ще пошукаю в чому може бути причина.
Не зовсім те, здається все ще не зрозуміло пояснив.
На JS не потрібно додатково підтягувати сторінку, це реалізовано на бекенді. Якщо відкривати сторінку в браузері (без
ajax), бекенд рендерить повністю всю сторінку яка запитується по вказаному URL. Якщо ж ми з JS робимоajaxзапит, тоді бекенд замість повної сторінки повертає лише частину з контентом, який відповідно замінює блок зі старим контентом і міняє URL черезpushState.Так реалізована вся навігація на DevZone. Ось такий результат приходить від бекенда на
ajaxзапитВ цей же блок я і додав js який оновлює сторінку якщо немає
title, цей хак, в принципі, розв'язує проблему, але не зовсім гарно.Без
ajaxповертається повна сторінкаІ ця проблема виникає лише якщо відкрити сайт, далі перейти по посиланню яке завантажить іншу сторінку по
ajax, закрити браузер і після повторного відкриття браузера на цій вкладці замість повної сторінки буде лише частинаhtmlз контентом, який був повернутий останнімajaxзапитом.Сторінка виглядає приблизно таким чином
І JS код
Він працює як потрібно, при кліці на посилання отримуються дані по ajax і записуються в блок
#content, черезpushStateтакож змінюється URL.Але якщо закрити браузер, а потом відкрити, на сторінці буде лише частина html коду яка була в блоці
#contentСподіваюся я зрозуміло пояснив.
PS. В момент відкриття браузера запит на сервер не відсилається, я перевіряв. Це саме браузер так відновлює сторінку залишаючи на ній лише ту частину що була отримана в останньому запиті.
Цього я також, ще не зробив
Оскільки ви помітили, то доведеться виправити 😄
Це баг. Забув додати оповіщення до цього розділу :)
Виправлю.
Це ви про мене? То не я на відео.
В цьому розділі я поширюю цікаві матеріали які знаходжу.
Виправив обрізку тегів, тепер в блоках з кодом нічого не має обрізатися.
Так, ви праві. Виправлено.
В якому браузері вони не показуються? І чи нема там помилок в консолі JS? Зображення повинні завантажуватися при прокрутці сторінки.
В статті є посилання "Стаття заснована на цьому відео" - https://www.youtube.com/watch?v=8M20LyCZDOY А на російські сайти залишати посилання якось не пристойно