Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 04.11.2015, 03:34
Аспирант
Отправить личное сообщение для Aleksanderj Посмотреть профиль Найти все сообщения от Aleksanderj
 
Регистрация: 14.06.2013
Сообщений: 70

Подгрузка одного контента в разных событиях
Добрый день. Имеется форма, которая должна подгружаться в разных табах при при клике на разные кнопки.
К примеру есть табы
<ul>
<li><a id="ajax-form">Форма 1</a></li><!--кнопка 1 таба-->
<li><a id="ajax-form">Форма 2</a></li><!--кнопка 2 таба-->
<li><a id="ajax-reg">Форма 3</a></li><!--кнопка 3 таба-->
<li><a id="ajax-form">Форма 2</a></li><!--кнопка 4 таба-->
</ul>
<div id="content"><!--контент таба 1-->
</div>
<div id="content"><!--контент таба 2-->
</div>
<div id="reg"><!--контент таба 3-->
</div>
<div id="content"><!--контент таба 4-->
</div>

простой аякс подгрузки контента:
$('#ajax-form').click(function(e){
	e.preventDefault();
	$.ajax({
	type: "POST",
	url: 'form.html',
	cache: false,
	success: function(data) {
	$('#content').html(data);
	}
	});	
});

Как сделать так, чтобы одна и та же форма подгружалась при клике и на втором табе и на четвертом?
Есть ли способ не создавать для каждого события отдельный ajax, когда подгружается один и тот же контент, что то вроде:
<ul>
<li><a id="ajax-form">Форма 1</a></li>
<li><a id="ajax-form2">Форма 2</a></li>
<li><a id="ajax-reg">Форма 3</a></li>
<li><a id="ajax-form3">Форма 2</a></li>
</ul>
<div id="content">
</div>
<div id="content2">
</div>
<div id="reg">
</div>
<div id="content3">
</div>

$('#ajax-form').click(function(e){
	e.preventDefault();
	$.ajax({
	type: "POST",
	url: 'form.html',
	cache: false,
	success: function(data) {
	$('#content').html(data);
	}
	});
$('#ajax-form2').click(function(e){
	e.preventDefault();
	$.ajax({
	type: "POST",
	url: 'form.html',
	cache: false,
	success: function(data) {
	$('#content2').html(data);
	}
	});	
$('#ajax-form3').click(function(e){
	e.preventDefault();
	$.ajax({
	type: "POST",
	url: 'form.html',
	cache: false,
	success: function(data) {
	$('#content3').html(data);
	}
	});		
});
?

Последний раз редактировалось Aleksanderj, 04.11.2015 в 03:38.
Ответить с цитированием
  #2 (permalink)  
Старый 04.11.2015, 09:59
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,989

Ну так источник запроса может определять и требуемые от сервера данные и кому они принадлежат. А элементы с одинаковыми id работать не будут, будет всегда находиться первый из них, идентификаторы должны быть уникальными.
Ответить с цитированием
  #3 (permalink)  
Старый 04.11.2015, 13:32
Аспирант
Отправить личное сообщение для Aleksanderj Посмотреть профиль Найти все сообщения от Aleksanderj
 
Регистрация: 14.06.2013
Сообщений: 70

Вопрос решен на другом форуме.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Динамическая подгрузка контента при прокрутке assd18 AJAX и COMET 11 14.03.2013 14:05
Подгрузка контента в div Platypus Общие вопросы Javascript 10 09.03.2013 12:27
Подгрузка контента, без перезагрузки панели cyber_bober Элементы интерфейса 2 14.12.2012 13:37
Подгрузка контента Контакта beerdy AJAX и COMET 5 25.10.2011 10:24
Подгрузка контента в определённый DIV при нажатии на ссылку, без перезагрузки страниц Flashton Events/DOM/Window 0 10.03.2010 19:53