Форум программистов, компьютерный форум, киберфорум
Наши страницы
WordPress
Войти
Регистрация
Восстановить пароль
 
Sniper
0 / 0 / 3
Регистрация: 31.01.2016
Сообщений: 76
1

Замена контента по нажатию ссылки без перезагрузки страницы с AJAX

26.12.2018, 16:28. Просмотров 308. Ответов 5

Вопрос такой. Как сделать, чтобы при нажатии на одну из ссылок, менялся контент на странице без ее перезагрузки с помощью AJAX?
Есть много статей и видеоуроков как подгружать, например, посты динамически, нажимая кнопку "Загрузить еще", или подгружать их при прокрутке страницы. Но это всё не то. Всё перерыл и не нашел ни одного примера.

Объясню поподробнее. Чтобы было ясно, как это должно происходить, перейдите, пожалуйста, по ссылке ниже. Откроется страница Центра поддержки сайта Юла - https://help.mail.ru/youla . Слева есть колонка со списком в виде ссылок (типа <ul><li></li></ul>), справа я так понял колонка для контента, заключенная в <div>, и все эти колонки тоже заключены в общий <div>. Нажимая на ссылки, в правую колонку подгружается контент, соответствующий нажатой ссылке, но страница не перезагружается, а в адресной строке слаги (уникальный url) всё равно меняются (видимо это делается с помощью history.pushState() или history.replaceState()).

Не могу понять, как это осуществить у себя на сайте, поэтому решил написать здесь. Я хочу сделать страницу для справок, для помощи пользователям и нужен такой же способ подгрузки статей. Кстати, использую Wordpress. Сам в javascript вообще не шарю, знаю только html и css. Не стоит ругать, что взялся за сайт, не зная языки веб программирования. Я использую премиум шаблон и, если есть какие-то вопросы, использую техподдержку. Но это другой случай.

Также не понятно, как сделать этот алгоритм. Нужно в Вордпрессе создать несколько нужных мне записей (постов), создать шаблон страницы с меню в виде ссылок, заключить его в <div>, справа создать еще один див, в ссылках меню указать путь к статьям (например, ссылки типа <a class="my_link_1" href="/articles/help/how">Как пользоваться сайтом</a>), написать какой-то скрипт для замены контента без перезагрузки, смены url-адреса, как-то связать скрипт (или несколько скриптов) с этими ссылками, указать путь, откуда будет браться контент, а потом этот шаблон применять к новой созданной странице или как? Вообще не могу понять, как это сделать и какие скрипты нужны.

Надеюсь, я подробно всё объяснил и вы сможете помочь мне с написанием кода и с алгоритмом действий. Заранее большое спасибо!
0
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
26.12.2018, 16:28
Ответы с готовыми решениями:

Ajax + js загрузка контента без перезагрузки страницы
&lt;script&gt; function showContent(link) { var cont =...

Ajax обновление контента без перезагрузки страницы
Ребята доброго времени! Помогите пожалуйста! Есть не доработанный сайт, в нем есть страница, в...

Подгрузка контента без перезагрузки страницы через ajax на yii
Всем привет! прошу помочь в моем деле! Есть скрипт который делает подгрузку контента в...

Загрузка контента без перезагрузки страницы Php Mysql AJAX
Всем доброго времени суток. С общими усилиями сделали страничку которая должна вывести данные...

Проверка на xmlhttprequest для ajax, динамическое обновление контента без перезагрузки страницы
Доброго времени суток уважаемые форумчане, Облазил и перерыл весь интернет но конкретного ответа...

5
fanatikus
1144 / 1118 / 529
Регистрация: 17.11.2012
Сообщений: 4,967
26.12.2018, 16:39 2
Цитата Сообщение от Sniper Посмотреть сообщение
Сам в javascript вообще не шарю, знаю только html и css.
для вашей хотелки, еще и php нужен. и как вы собираетесь осуществить свою хотелку зная только html?
может просто заказать разработку?
0
andyyy
669 / 252 / 129
Регистрация: 26.05.2016
Сообщений: 1,693
26.12.2018, 22:30 3

Не по теме:

господи!




Цитата Сообщение от Sniper Посмотреть сообщение
Слева есть колонка со списком в виде ссылок (типа <ul><li></li></ul>),
так это обычные ссылки,
Цитата Сообщение от Sniper Посмотреть сообщение
Нажимая на ссылки, в правую колонку подгружается контент, соответствующий нажатой ссылке, но страница не перезагружается,
а по моему, перезгружается - обычная реализация на php, а я то думал....
Цитата Сообщение от Sniper Посмотреть сообщение
а в адресной строке слаги (уникальный url)
потомучто на php поэтому и меняется
Цитата Сообщение от Sniper Посмотреть сообщение
Кстати, использую Wordpress. Сам в javascript вообще не шарю, знаю только html и css. Не стоит ругать, что взялся за сайт, не зная языки веб программирования. Я использую премиум шаблон и, если есть какие-то вопросы, использую техподдержку. Но это другой случай.
возьмите в Wordpress готовый шаблон, зачем что придумывать, вот если бы вы изучали языки, то интересно бы самому было сделать такое



Цитата Сообщение от Sniper Посмотреть сообщение
оздать шаблон страницы с меню в виде ссылок, заключить его в <div>, справа создать еще один див, в ссылках меню указать путь к статьям (например, ссылки типа <a class="my_link_1" href="/articles/help/how">Как пользоваться сайтом</a>), написать какой-то скрипт для замены контента без перезагрузки, смены url-адреса, как-то связать скрипт (или несколько скриптов) с этими ссылками, указать путь, откуда будет браться контент, а потом этот шаблон применять к новой созданной странице или как? Вообще не могу понять, как это сделать и какие скрипты нужны.


Цитата Сообщение от Sniper Посмотреть сообщение
Надеюсь, я подробно всё объяснил и вы сможете помочь мне с написанием кода и с алгоритмом действий. Заранее большое спасибо!
Прочтите для начала пару книг - и научитесь делать такие сайты на раз-два
0
Sniper
0 / 0 / 3
Регистрация: 31.01.2016
Сообщений: 76
27.12.2018, 12:15  [ТС] 4
Зачем отвечать, если не хотел помочь?! Какой смысл вообще твоего ответа? Поржать, что я типа ни в чём не шарю, и дать совет почитать книжки? Сам читай и нечего отвечать, если даже помочь не хочешь. Я создал тему не для нотаций и советов, что почитать.

Добавлено через 2 минуты
Может есть кто другой, кто сможет помочь с моим вопросом?
0
andyyy
669 / 252 / 129
Регистрация: 26.05.2016
Сообщений: 1,693
27.12.2018, 17:29 5
Цитата Сообщение от Sniper Посмотреть сообщение
Может есть кто другой, кто сможет помочь с моим вопросом?
Кто вам будет сайт делать? Даже если вам сделают сайт, то по факту- сделайте его не вы, так в в чем смысл?
Если кодить не умейте - нужно книги почитать с основами или видео, а то как научитесь? Или думайте вам сделают сайт - на вас найдет озорение и вы освоите пхп? ОКей, не охота читать книги, к преподу можно...


По реализации, если уж так интересно обычный пхп код можно даже на чистом html сделать

Делаем таблицу с колонаками- в левой выводим ссылки <a href> справа текста, вот и все
0
HectorPrima
598 / 391 / 220
Регистрация: 19.12.2014
Сообщений: 1,468
28.12.2018, 10:07 6
Страница перегружается.
В чем смысл городить огород с Ajax тем более что сами вы этого не можете?
0
28.12.2018, 10:07
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
28.12.2018, 10:07

Динамическая подмена контента страницы по клику на ссылку, без перезагрузки всей страницы
Здравствуйте! Честно говоря точно не знал какими средствами можно реализовать, то что мне нужно,...

Подмена контента страницы по клику на ссылку меню, без перезагрузки всей страницы
Доброго времени суток! у меня имеется два блока, один блок - меню иерархическое аккордеон на...

Подгрузка контента без перезагрузки страницы
Всем лучшего времени суток! У меня есть сайт, и я б хотел чтоб при нажатии на определенных блок...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
6
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2019, vBulletin Solutions, Inc.
Рейтинг@Mail.ru