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

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

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

Здравствуйте!
Честно говоря точно не знал какими средствами можно реализовать, то что мне нужно, но думаю что скорее всего это 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? у меня теперь просто аккордеон не раздвигается(

@Rockedit Автор FAQ 1803 / 615 / 37 Регистрация: 22.12.2009 Сообщений: 1,544
		1
	Динамическая подмена контента страницы по клику на ссылку, без перезагрузки всей страницы 24.12.2011, 14:49. Показов 16358. Ответов 10 Метки нет (Все метки) Здравствуйте! Честно говоря точно не знал какими средствами можно реализовать, то что мне нужно, но думаю что скорее всего это jQuery. Вопрос вот в чем. Есть страница, грубо говоря она состоит из трех блоков. заголовок, правая часть отведена под меню, остальное контент. Меня интересует вопрос, как можно сделать так, что бы при клике пользователя по кнопкам или по ссылкам менялась информация контента, без обновления страницы целиком. Заранее всем спасибо! 0

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

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

@Vicont front-end developer 284 / 275 / 39 Регистрация: 31.08.2010 Сообщений: 577 Записей в блоге: 1
	24.12.2011, 17:22	4
	Сообщение от Rockedit ведь не у всех включен javascript Таких пользователей очень мало и не стоит ради них отказываться от новых технологий) Сейчас ajax очень популярен! Сообщение от Rockedit стоит ли использовать такой подход Стоит! Ajax можно сказать открыл новый уровень для веб-приложений. Блягодаря ему веб-приложения стали на один ряд с прикладными приложениями. В качестве примера можно упомянуть создание текстового редактора на подобие ms word. 1

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

@Vicont front-end developer 284 / 275 / 39 Регистрация: 31.08.2010 Сообщений: 577 Записей в блоге: 1
	24.12.2011, 17:37	6
	Сообщение от Rockedit просто хочу такие вещи как регистрация, авторизация, да и просто смена страниц у которых шапка и меню одинаковые перезагружать только контент. Правильно, именно для этого и нужен ajax! более того, представьте вы заполняете форму регистрации и нажимаете кнопку "зарегистрироваться" и тут введенный логин уже занять, Вас перебрасывает обратно на форму регистрации и в лучшем случае заполненные ранее поля останутся заполненными(если используется сессия), в худшем - будет пустая форма регистрации. Не проще ли проверять логин через ajax сразу же после его ввода и выводить сообщение пользователю. И это только самый банальный пример использования ajax. А так же к примеру карты google тоже используют ajax. 1

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

Vovan-VE 13208 / 6597 / 1041 Регистрация: 10.01.2008 Сообщений: 15,069
	25.12.2011, 11:06	8
	Сообщение от Rockedit А почитать у Вас есть что нибудь полезное по Ajax? http://xmlhttprequest.ru/ 2

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

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

	05.09.2013, 22:37

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