PJAX vs jQuery Adress

Главная » Блог » JavaScript » PJAX vs jQuery Adress

PJAX vs jQuery Adress

Вообще-то я очень люблю AJAX. Не представляю себе бэкенд сайта без него -) А вот для фронтенда доселе использовал jquery-adress и радовался жизнью, пока не натолкнулся на технологию PJAX (PushState + Ajax демка).

Крутая вещь! На гитхабе лежат разные сборки, но вот эта зе бест: https://github.com/imsamurai/jquery-pjax - усовершенствованны тригеры (некоторые у меня не заработали), встроенная функция для отправки форм, добавлены хешченжи, хешхистори, выборка тайтлов, учтено гугланалитик, реплейсы (!#) для браузеров что не поддерживают pjax...

Для тех кто в танке -) Вконтактик заходите включаете музичку нажимаете на другую ссылочку, а музяка продолжает играть, а знаете почему?! Да все потому же аяксы-хуяксы, принцыпы те же, только у них самописноэ.

Спасибо ckald, за помощь!

На правах рекламы: Портативная батарея power bank. . Детальное описание Картины маслом на нашем сайте. . Почему удобно взять кредит онлайн быстро.

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

П.С. Заодно добавим текстовый контент на сайт ;)

Сосед по дому• 24 июля 2011 03:40

бэкенд (backend) - административная часть сайта
фронтенд (frontend) - клиентская часть сайта
хешченжи (hashchange) - это событие в js которое позволяет использовать кнопки в браузере - назад вперед (не посредственно с якорями #)
хешхистори ( hash history ) - та же хрень что и хешченжи но уже с ссылками (событие pushState), с появлением HTML5 такая штука заработала.
учтено гугланалитик - это вставив код гугланалитики никаких дополнительных телодвижений делать не нужно.
реплейсы (replace) - старые браузеры не поддерживают замени на лету (pushState) например site.ua/about на site.ua/contacts, а вот реплейс сделает из site.ua/about = site.ua/#!about и site.ua/contacts = site.ua/#!contacts

utz0r2• 24 июля 2011 16:34

Здравствуйте! Скажите пожалуйста, как использовать pjax на сайте, не знаю почему, но он у меня почему то не работает.
Жду ответа. Заранее спасибо!

ARMWeb• 24 сентября 2011 12:29

Ну к примеру вот так:
1) подключаете яву в шаблоне
2) В странице вывода пишем:

if (!isset($_SERVER['HTTP_X_PJAX']))
{
include $_SERVER['DOCUMENT_ROOT'].'/путь/к/шаблону/шаблон.php';
}
else
{
echo $our_content;
}

в случае если нет заголовка $_SERVER['HTTP_X_PJAX'] выдавать обычную страницу с шаблона, в противном случае выдвать только контент (он же аяксовый)

utz0r2• 24 сентября 2011 15:21

Вот код:

if (!isset($_SERVER['HTTP_X_PJAX']))
{
echo "NO";
}
else
{
echo "YES";
}

?>

яву подключаю, а он выводит "NO". Что мне делать?

ARMWeb• 24 сентября 2011 15:54

Ну а еще ж

то есть 1 раз страница грузится целиком (в вашем случае NO) после клика на любую ссылку будет отправлятся пост запрос с заголовком HTTP_X_PJAX и выдавать его в контейнере main

utz0r2• 24 сентября 2011 17:23

igor_veselov, получилось )))
Большое спасибо за помощь.

ARMWeb• 24 сентября 2011 18:09

Всё подключил.
Эта функция работает:

  function content(url)
    {
      $.pjax
      ({
        url: url,
        container: '#js_content'
      })
    }

а эта нет((

$(function(){
$('a').pjax('#js_content')
})

Она не отправляет HTTP_X_PJAX((
Что делать?

Виктор• 31 января 2012 15:02

VESELOV.SUMY.UA

PJAX vs jQuery Adress