Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 23.05.2016, 21:48
Новичок на форуме
Отправить личное сообщение для rudnin Посмотреть профиль Найти все сообщения от rudnin
 
Регистрация: 23.05.2016
Сообщений: 1

load() помогите правильно организовать запрос на сервер
сперва код
$('.avto').click(function (){ 
			$('#loadBoard').load('http://nemo.su/board/avto .content_categories', function() {
				$('.avto-avtomobili').click(function (){
					$('#loadBoardFilter').load('http://nemo.su/board/avto/avtomobili .board-filter');
				});
				$('.avto-motocikly-i-mototehnika').click(function (){
					$('#loadBoardFilter').load('http://nemo.su/board/avto/motocikly-i-mototehnika .board-filter');
				});
				$('.avto-zapchasti-i-aksessuary').click(function (){
					$('#loadBoardFilter').load('http://nemo.su/board/avto/zapchasti-i-aksessuary .board-filter');
				});
			});               
		});

при клике на ссылку с классом .avto, идет запрос на соответствующую страницу http://nemo.su/board/avto. На этой странице берется содержимое класса .content_categories, и загружается в айди #loadBoard.
далее...
в блоке #loadBoard, при клике на соответствующую ссылку уже подкатегории, например с классом .avto-avtomobili, загружаются данные которые берутся по соответствующей ссылке, например по ссылке http://nemo.su/board/avto/avtomobili
и загружаются в айди loadBoardFilter
Все работает
вопрос
как возможно упростить код и придать универсальности? Категорий много, и они могут быть разными. Что должна принимать функция?
как передать соответствующие параметры в функцию через ссылку?
помогите уважаемые, в программировании не очень, все что получилось спрограммировать на яваскрипте, это только то, что представляю в коде. Ну и плюс для всех категорий подкатегорий прописал аналогичный код
сайт - http://nemo.su/
спасибо заранее уважаемые гуру
Ответить с цитированием
  #2 (permalink)  
Старый 24.05.2016, 01:53
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,990

при клике на ссылку с классом .avto
при клике на соответствующую ссылку уже подкатегории, например с классом .avto-avtomobili


Вряд ли в таком меню кроме ссылок на разделы ест и левые ссылки, а значит нужно делегировать обработку щелчка их родителю (loadBoard), выбросив у них кучу индивидуальных классов, формируя url запроса не по ним, а по href, блокируя действие по умолчанию.
Ответить с цитированием
  #3 (permalink)  
Старый 24.05.2016, 14:37
Аватар для Vlasenko Fedor
Профессор
Отправить личное сообщение для Vlasenko Fedor Посмотреть профиль Найти все сообщения от Vlasenko Fedor
 
Регистрация: 13.03.2013
Сообщений: 1,572

Вариант
$('a[class^="avto-"]').on('click', function (){
	$('#loadBoardFilter').load('http://nemo.su/board/avto/' + this.className.replace("avto-", "") +' .board-filter');
});

и может стоило бы данные не в классе хранить а в атрибуте data
<a href="#" class="avto" data-load="avtomobili">avtomobili</a>

$(this).data("load") //avtomobili

Последний раз редактировалось Vlasenko Fedor, 24.05.2016 в 14:44.
Ответить с цитированием
  #4 (permalink)  
Старый 25.05.2016, 06:01
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,990

Сообщение от Poznakomlus
ожет стоило бы данные не в классе хранить а в атрибуте data
Нет, лучше href использовать, так как при отключенном JS меню хоть работать будет, правда если здраво и серверный код написан.
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Помогите пожалуйста правильно написать скрипт raffx Events/DOM/Window 17 16.10.2012 20:31
Ребята помогите правильно реализовать цепочки функций как в jquery mrgordon Общие вопросы Javascript 6 04.06.2012 20:40
Помогите правильно написать регулярное выражение fredrsf Общие вопросы Javascript 4 14.02.2012 14:30
НЕ получается правильно организовать цикл Kaba jQuery 12 25.10.2011 15:36
(jScrollPane) помогите правильно прописать css для div'ов _shpion_ jQuery 0 14.05.2011 17:16