Как обрабатывать контентную часть при переключении страниц AJAX в PWA? - PullRequest
Новая
       20

Как обрабатывать контентную часть при переключении страниц AJAX в PWA?

0 голосов
/ 21 июня 2019

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

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

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

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

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

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

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

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

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

1 Ответ

0 голосов
/ 21 июня 2019

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

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

$(document).ready(function(){
var contentData1 = document.getElementById('contentData1');
  $(function() {

    $.post("pathToPHP.php",{contentData1: contentData1},function(data){
        $("#container").html(data);
    });
});

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

echo "";
...