Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 21.05.2013, 13:01
Аспирант
Отправить личное сообщение для realstranger Посмотреть профиль Найти все сообщения от realstranger
 
Регистрация: 28.01.2011
Сообщений: 31

Переход по месяцам в календаре без перезагрузки.
Есть женский календарь с вот такой формой:
http://f2.s.qip.ru/iJXXc3bX.png

Данные отправляются на wcal/process в виде:
{"selected_month":"3","last_menstruation_month":"3","last_menstruation_day":"2","calendar":[{"day":30,"class":"null"},{"day":30,"class":"null"},{"day":1,"class":"child"},{"day":2,"class":"ovu"},{"day":3,"class":"child"},{"day":4,"class":"child"},{"day":5,"class":"child"},{"day":6,"class":"warn"},{"day":7,"class":"warn"},{"day":8,"class":"warn"},{"day":9,"class":"warn"},{"day":10,"class":"warn"},{"day":11,"class":"warn"},{"day":12,"class":"pred"},{"day":13,"class":"pred"},{"day":14,"class":"men"},{"day":15,"class":"men"},{"day":16,"class":"men"},{"day":17,"class":"good"},{"day":18,"class":"child"},{"day":19,"class":"child"},{"day":20,"class":"child"},{"day":21,"class":"child"},{"day":22,"class":"child"},{"day":23,"class":"ovu"},{"day":24,"class":"child"},{"day":25,"class":"child"},{"day":26,"class":"child"},{"day":27,"class":"warn"},{"day":28,"class":"warn"},{"day":29,"class":"warn"},{"day":30,"class":"warn"},{"day":31,"class":"warn"},{"day":1,"class":"null"},{"day":2,"class":"null"}],"selected_year":"2013","cycle_length":"21","format":"json","last_menstruation_year":"2013","menstruation_length":"3"}


Под формой есть вот такая шапка:
http://f2.s.qip.ru/iJXXc3bY.png

Вот по клику по следующему/предыдущему месяцу данные в контенте тоже меняются.

Вот сам контент календаря:
http://f3.s.qip.ru/iJXXc3bZ.png

Контент формируется аппендом li с определённым классом.

Вопрос в следующем, как это всё сделать без перезагрузки страницы. То, что надо использовать $.ajax с методом post, это я понял, что отправлять тоже в принципе почти понятно, новые данные. А вот что должен быть в success?

С аяксом раньше не имел дело, почитал, но так и не допёр, как в данной ситуации сделать всё.
Ответить с цитированием
  #2 (permalink)  
Старый 21.05.2013, 13:06
Аватар для animhotep
Профессор
Отправить личное сообщение для animhotep Посмотреть профиль Найти все сообщения от animhotep
 
Регистрация: 17.01.2013
Сообщений: 887

http://api.jquery.com/jQuery.post/
$.post('ajax/test.php', function(data) {
  $('.result').html(data);
});

отправили данные на test.php
результат записали в .result
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
переключение страниц без перезагрузки VEGA jQuery 13 07.03.2013 13:52
Как можно сделать подгрузку и смену изображения без перезагрузки страницы с другого Евгений Болгов jQuery 11 21.10.2010 18:18
Изменение содержания страницы без полной перезагрузки самой страни gelo Events/DOM/Window 7 29.08.2010 02:03
Подскажите как в VLC плеере переключать канал без перезагрузки страницы? mff Events/DOM/Window 0 10.05.2010 17:28
реализация добавления поля формы без перезагрузки sc2r2bey Элементы интерфейса 1 31.07.2009 16:51