Обновление данных без обновления страницы pug nodejs - PullRequest
Новая
       6

Обновление данных без обновления страницы pug nodejs

0 голосов
/ 10 марта 2019

Я новичок в pug, я прочитал документацию и все выясняю по ходу работы.

У меня есть меню, которые являются динамическими, и когда пользователь выбирает одно, ему нужнозагрузить соответствующую информацию на страницу.

Например:

  • Item1
  • Item2
  • Item3
  • Item4

Если я нажму на один из этих элементов, он перейдет к «localhost / item2» или «localhost / item1», в зависимости от того, что вы нажмете.

Я знаю, что если я создаю маршрут, скажем «p», то это будет «localhost / p / item2» или «localhost / p / item1», и я могу обработать все эти запросы с помощью p/ ииспользуйте item2 или item1 для получения соответствующих данных

Я хотел бы иметь заголовок, который не будет обновляться, но "тело", которое будет изменять и обновлять выбранную информацию.

Есть ли способ сделать это? 

//- index.pug
doctype html
html
  include includes/head.pug
  body
    h1 My Site
    p Welcome to my super lame site.
    include includes/foot.pug

Есть ли способ «перезагрузить / обновить» включает в себя без повторного рендеринга страницы?

Я тоже подумал, может бытьЯ мог бы передать информацию на страницу JavaScript на сервере, но я знаю только, как напрямую связаться с шаблоном мопса.

1 Ответ

0 голосов
/ 11 марта 2019

Если бы я правильно понял, чего вы пытаетесь достичь, то это именно то, что SPA, такие как Angular, React или VueJS, обрабатывают для вас, поэтому я очень рекомендую использовать один из них.

Тем не менее, под капотом то, что делают эти Frameworks, просто использует jquery для соответствующего обновления DOM в качестве ответа на события, испускаемые внешним или внутренним интерфейсом.Если вы собираетесь делать это без помощи какой-либо платформы (я настоятельно рекомендую против этого, ваше время будет гораздо лучше использоваться для изучения одной структуры, а не для эмуляции ее поведения), у вас должен быть правильный способ общения вперед и назад (т.е.: socket.io ), а затем соответствующий js во внешнем интерфейсе для информирования бэкэнда о действиях, произошедших во внешнем интерфейсе, или разбора событий из внутреннего интерфейса и действия в ответ.

Я надеюсьэто помогает

...