Задать вопрос
@Urukhayy
javascript

Как использовать Pjax?

В интернете статей не так много. Поэтому назревают вопросы:

Что должно быть внутри файла php, на который ссылается ссылка pjax?
Можно пример реализации? Нигде нет примера того, как выглядит контент подменяемой страницы.

Вот что конкретно нужно сделать на основной странице:
<html>
 <head>
 </head>
  <body>
   <div id="content">
    Тут первичный текст
   </div>
      <a>
       ссылка, кликнув по которой div "content" должен изменить содержимое на указанное в отдельном файле
     </a>
   </body>
 </html>


Но если я в файле, контент которого придет на смену, напишу к примеру HTML код, это же будет не правильно. И мне нужен синтаксис того файла, что и как там оформлять.. Как вообще должен выглядеть тот .php файл? Какие функции?
  • Вопрос задан
  • 14022 просмотра
Комментировать
Подписаться 4 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Фронтенд-разработчик
    10 месяцев
    Далее
  • Skillfactory
    Профессия Веб-разработчик
    12 месяцев
    Далее
  • Яндекс Практикум
    Мидл фронтенд-разработчик
    5 месяцев
    Далее
  • Stepik
    JavaScript с нуля - основы языка и практика для начинающих
    2 недели
    Далее
  • Merion Academy
    Фронтенд-разработчик с нуля
    4 месяца
    Далее
  • Skypro
    JavaScript-разработчик с нуля
    9 месяцев
    Далее
  • Нетология
    Fullstack-разработчик на Python + нейросети
    20 месяцев
    Далее
  • Skillbox
    JavaScript
    3 месяца
    Далее
Решения вопроса 1
sanchezzzhak
@sanchezzzhak
Ля ля ля...
Контент подменяемых данных может быть полной страницей или частичной, библиотека сама находит нужный блок из ответа и делает $.replaceWitch иначе обновляет указанный контейнер полностью.
+ парсит отуда title если есть также обновляет в месте URL

jquery.pjax.js
jQuery(document).pjax("#content a", "#content", {"push":true,"replace":false,"timeout":1000,"scrollTo":false});
jQuery(document).on('submit', "#content form[data-pjax]", function (event) {jQuery.pjax.submit(event, '#content', {"push":true,"replace":false,"timeout":1000,"scrollTo":false});});

Лучше всего отдать только то что нужно обновить в указном блоке экономит время. но там реализация через ob_start ob_end_*
Ответ написан
8 комментариев
8 комментариев
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Вакансии с Хабр Карьеры
Верстальщик / фронтендер для браузерного расширения
DevTeam.Space
от 1 000 до 2 000 $
React разработчик
ITK academy • Нижний Новгород
от 80 000 до 120 000 ₽
React Developer
ITK academy • Воронеж
от 50 000 до 90 000 ₽
Ещё вакансии