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

@Rockedit · Регистрация: 22.12.2009

Студворк — интернет-сервис помощи студентам

Здравствуйте!
Честно говоря точно не знал какими средствами можно реализовать, то что мне нужно, но думаю что скорее всего это jQuery.
Вопрос вот в чем. Есть страница, грубо говоря она состоит из трех блоков. заголовок, правая часть отведена под меню, остальное контент. Меня интересует вопрос, как можно сделать так, что бы при клике пользователя по кнопкам или по ссылкам менялась информация контента, без обновления страницы целиком.
Заранее всем спасибо!

@Vicont · 24.12.2011, 15:32

Вам нужно использовать Ajax! Ajax можно реализовать как через JavaScript так и через jQuery.

@Rockedit · 24.12.2011, 15:41 **[ТС]**

Спасибо. нашел примерчик в инете, реализовал его. только вот вопрос в чем, а стоит ли использовать такой подход , ведь не у всех включен javascript и могут быть проблемы

@Vicont · 24.12.2011, 17:22

Сообщение от Rockedit

ведь не у всех включен javascript

Таких пользователей очень мало и не стоит ради них отказываться от новых технологий) Сейчас ajax очень популярен!

Сообщение от Rockedit

стоит ли использовать такой подход

Стоит! Ajax можно сказать открыл новый уровень для веб-приложений. Блягодаря ему веб-приложения стали на один ряд с прикладными приложениями. В качестве примера можно упомянуть создание текстового редактора на подобие ms word.

@Rockedit · 24.12.2011, 17:29 **[ТС]**

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

@Vicont · 24.12.2011, 17:37

Сообщение от Rockedit

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

Правильно, именно для этого и нужен ajax! более того, представьте вы заполняете форму регистрации и нажимаете кнопку "зарегистрироваться" и тут введенный логин уже занять, Вас перебрасывает обратно на форму регистрации и в лучшем случае заполненные ранее поля останутся заполненными(если используется сессия), в худшем - будет пустая форма регистрации. Не проще ли проверять логин через ajax сразу же после его ввода и выводить сообщение пользователю. И это только самый банальный пример использования ajax. А так же к примеру карты google тоже используют ajax.

@Rockedit · 25.12.2011, 00:16 **[ТС]**

А почитать у Вас есть что нибудь полезное по Ajax?

Vovan-VE · 25.12.2011, 11:06

Сообщение от Rockedit

А почитать у Вас есть что нибудь полезное по Ajax?

http://xmlhttprequest.ru/

@boralexe · 10.07.2012, 14:19

А я так и не нашел примерчик. Не могли бы мне дать ссылку?

@Soldado · 11.07.2012, 23:21

Вот я такой примерчик подготовил - по ссылке загружается контент, для сайтов у которых "нет" PHP.

@erwista · 05.09.2013, 22:37

а как быть если меню тоже на jquery? у меня теперь просто аккордеон не раздвигается(

Новые блоги и статьи Все статьи Все блоги /
Перемещение выделенных строк ТЧ из одного документа в другой Maks 30.03.2026 Реализация из решения ниже выполнена на примере нетипового документа "ВыдачаОборудованияНаСпецтехнику" с единственной табличной частью "ОборудованиеИКомплектующие" разработанного в конфигурации КА2. . . .	Functional First Web Framework Suave DevAlt 30.03.2026 Sauve. IO Апнулись до NET10. Из зависимостей один пакет, работает одинаково хорошо как в режиме проекта так и в интерактивном режиме. из сложностей - чисто функциональный подход. Решил. . .	Автоматическое создание документа при проведении другого документа Maks 29.03.2026 Реализация из решения ниже выполнена на нетиповых документах, разработанных в конфигурации КА2. Есть нетиповой документ "ЗаявкаНаРемонтСпецтехники" и нетиповой документ "ПланированиеСпецтехники". В. . .	Настройка движения справочника по регистру сведений Maks 29.03.2026 Решение ниже реализовано на примере нетипового справочника "ТарифыМобильнойСвязи" разработанного в конфигурации КА2, с целью учета корпоративной мобильной связи в коммерческом предприятии. . . .
Автозаполнение реквизита при выборе элемента справочника Maks 27.03.2026 Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. При выборе "Спецтехники" (Тип Справочник. Спецтехника), заполняется. . .	Сумматор с применением элементов трёх состояний. Hrethgir 26.03.2026 Тут. https:/ / fips. ru/ EGD/ ab3c85c8-836d-4866-871b-c2f0c5d77fbc Первый документ красиво выглядит, но без схемы. Это конечно не даёт никаких плюсов автору, но тем не менее. . . всё может быть. . .	Автозаполнение реквизитов при создании документа Maks 26.03.2026 Программный код из решения ниже размещается в модуле объекта документа, в процедуре "ПриСозданииНаСервере". Алгоритм проверки заполнения реализован для исключения перезаписи значения реквизита,. . .	Команды формы и диалоговое окно Maks 26.03.2026 1. Команда формы "ЗаполнитьЗапчасти". Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. В качестве источника данных. . .

@Rockedit Автор FAQ 1803 / 615 / 37 Регистрация: 22.12.2009 Сообщений: 1,544

	Динамическая подмена контента страницы по клику на ссылку, без перезагрузки всей страницы 24.12.2011, 14:49. Показов 16834. Ответов 10 Метки нет (Все метки) Здравствуйте! Честно говоря точно не знал какими средствами можно реализовать, то что мне нужно, но думаю что скорее всего это jQuery. Вопрос вот в чем. Есть страница, грубо говоря она состоит из трех блоков. заголовок, правая часть отведена под меню, остальное контент. Меня интересует вопрос, как можно сделать так, что бы при клике пользователя по кнопкам или по ссылкам менялась информация контента, без обновления страницы целиком. Заранее всем спасибо! 0

@Vicont front-end developer 284 / 275 / 39 Регистрация: 31.08.2010 Сообщений: 577 Записей в блоге: 1
	24.12.2011, 15:32
	Вам нужно использовать Ajax! Ajax можно реализовать как через JavaScript так и через jQuery. 0

@Rockedit Автор FAQ 1803 / 615 / 37 Регистрация: 22.12.2009 Сообщений: 1,544
	24.12.2011, 15:41 [ТС]
	Спасибо. нашел примерчик в инете, реализовал его. только вот вопрос в чем, а стоит ли использовать такой подход , ведь не у всех включен javascript и могут быть проблемы 0

@Rockedit Автор FAQ 1803 / 615 / 37 Регистрация: 22.12.2009 Сообщений: 1,544
	24.12.2011, 17:29 [ТС]
	просто хочу такие вещи как регистрация, авторизация, да и просто смена страниц у которых шапка и меню одинаковые перезагружать только контент. 0

@Rockedit Автор FAQ 1803 / 615 / 37 Регистрация: 22.12.2009 Сообщений: 1,544
	25.12.2011, 00:16 [ТС]
	А почитать у Вас есть что нибудь полезное по Ajax? 0

@boralexe 0 / 0 / 0 Регистрация: 07.04.2015 Сообщений: 1
	10.07.2012, 14:19
	А я так и не нашел примерчик. Не могли бы мне дать ссылку? 0

@Soldado 901 / 833 / 198 Регистрация: 28.06.2012 Сообщений: 1,607 Записей в блоге: 4
	11.07.2012, 23:21
	Вот я такой примерчик подготовил - по ссылке загружается контент, для сайтов у которых "нет" PHP. 0

@erwista 0 / 0 / 0 Регистрация: 05.09.2013 Сообщений: 5
	05.09.2013, 22:37
	а как быть если меню тоже на jquery? у меня теперь просто аккордеон не раздвигается( 0