У меня нет опыта работы с нативными приложениями, которые могут помочь с этим вопросом.

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

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

  1. Загрузите содержимое центра через AJAX с HTML .
  2. Загружайте содержимое центра только как данные и визуализируйте HTML на лету в JS.

Первый метод будет довольно простым, но будет означать, что полезная нагрузка будет больше.

Второе кажется гораздо более продвинутым, но будет ли это означать, что HTML-шаблоны уже должны быть в JS? У меня также есть ощущение, что где-то здесь есть метод, который позволил бы открыть сильно кэшированную страницу (скажем, страницу статьи) и заменить (текстовое) содержимое. Но, как я уже сказал, я не могу найти никаких ресурсов, чтобы поставить минусы и плюсы или дать какую-либо достоверную информацию о переключении страниц PWA AJAX.

Любая достоверная информация по этому вопросу будет принята с благодарностью.

РЕДАКТИРОВАТЬ
Я продолжал читать и исследовать этот вопрос, но, к сожалению, нет четких указаний на то, как обрабатывать динамический контент через AJAX. Должен ли я анализировать данные JSON из AJAX в HTML в JS или отправлять их уже как HTML из бэкэнда.

Добавить в пользу второго варианта. Я выяснил, что моя теория имела некоторое значение для этого. Если я использую pure.js, чтобы извлечь шаблон HTML из скрытого тега шаблона и сгенерировать HTML на лету из JSON поверх AJAX.

Вы делаете это настолько сложным, мы можем взглянуть на ваш код, пожалуйста ?!

если вы имеете в виду получение данных из базы данных с помощью ajaxthen, то все, что вам нужно, это плагин jquery

$(document).ready(function(){ var contentData1 = document.getElementById('contentData1'); $(function() { $.post("pathToPHP.php",{contentData1: contentData1},function(data){ $("#container").html(data); }); }); 

и файл pathToPHP.php должен получить нужные вам данные

 echo "";