Как реализовать подгрузку контента в PHP?

Question

[FootInJAR]

Привет-привет.
Хочу сделать сделать подгрузку нужных страниц но, не знаю как этого сделать.
Объясню ситуацию.
Допустим есть уже заготовленная шапка. На ней есть ссылки. Также есть место в теле сайта, куда нужно будет загружать новость. Т.е выбираю на шапке #news(или a href="site.s=news.php") , то у меня в тело загружается блок с этой страницей. Посмотрел Новости, хочу почитать FAQ. Опять же нажима. #faq(a href="site.s/faq.php"), то уже старый блок выгружается, а подгружается нужный
jsfiddle.net/63daez2x/7

Comments

[Froggyweb]

Это называется SPA реализация немного другая
т.е. js запрашивает данные у сервера, а серверный язык значения особого не имеет,
но на стороне сервера должны обрабатываться запросы с фронта

[di]

Надо основательно изучать веб-технологии. Есть вариант с полной загрузкой, когда тебе скрипт news.php в ответе возвращает целиком страницу, есть вариант - через ajax, тогда только блок скрипт должен возвращать, а ты на js уже выводишь. Можно использовать php-фреймворки, можно вообще без php(серверных языков хватает сейчас). добро пожаловать в мир динамических сайтов)

Answer 1

[lukoie]

google for ajax
можно также laravel+vuejs

АПДЕЙТ
FootInJAR, вот тут готовый код Вам, просто копипаст и готово:
https://www.johnmorrisonline.com/jquery-tutorial-a...
а если мало, там же видео туториал есть

Comments

[FootInJAR]

AJAX Известен. Но проще извернуться в php

[Froggyweb]

FootInJAR, Что значит извернуться в ПХП
Как не извращайся сервер тебе либо аяксом вернет данные, либо новую страницу.

[FootInJAR]

Froggyweb, Ок сейчас подумал не получится. Но все же есть идея. Так понимаю только через AJAX?
А если к примеру
$('.frame-class').load('other-page-url .tru'); ?
Это эстетически правильно:?

[Юрий Гринёв]

FootInJAR, Нет. Тут только VueJS/ReactJS

[FootInJAR]

Юрий Гринёв, Да почему только они? Я вот думаю что не стоит лезть в самые дебри

[Froggyweb]

FootInJAR, load 'это тот же аякс запрос. только с сахаром

[Waydim]

ну а чем в данном случае плохи tabs в Bootstrap? - элементарное решение, 10 минутная настройка :)

минимум верстки - максимум позитива! :)

[Froggyweb]

Waydim, боин ты сайт из 40 страниц в свои табы грузить будешь? выт бы вконтакт так делал :)

[Waydim]

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

банально пофиксенная ( position: fixed ) панель с навигацией (списком ссылок), а тело страницы целиком отдано под iframe.
и банальный скриптик на подмену содержания фрейма по клику на ссылку :)
просто, без перезагрузки, абсолютно не напряжно для интернет-смотрелки.

spoiler

что то типа:

<a class="name-mayning" onclick='document.getElementById("frame-cont").src='ссылка на страницу'>по чему клацать</a>

[lukoie]

FootInJAR, вот тут готовый код Вам, просто копипаст и готово:
https://www.johnmorrisonline.com/jquery-tutorial-a...
а если мало, там же видео туториал есть