Форум программистов, компьютерный форум, киберфорум
Наши страницы
jQuery
Войти
Регистрация
Восстановить пароль
 
Рейтинг 5.00/3: Рейтинг темы: голосов - 3, средняя оценка - 5.00
Austerus
2 / 2 / 0
Регистрация: 24.03.2011
Сообщений: 234
1

Что нужно знать при создании модального окна и отображении в нем ajax запроса

29.09.2014, 16:19. Просмотров 544. Ответов 3
Метки нет (Все метки)

Доброго времени суток. Растолкуйте мне бестолковому. Я хочу вывести контент получаем через ajax запрос в модальном окне. Само окно я должен создать в html странице с display:none? Или можно подгрузить его html код динамически? Если делать это через .append, то почему он не работает если в .append('content'), content содержит символы переноса. Потом ещё нужно разобраться в ответе ajax как рассовать полученный результат в html шаблон модального окна.

Добавлено через 5 часов 12 минут
А ведь я могу в php полностью сформировать и окно и содержимое, так ведь?
0
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
29.09.2014, 16:19
Ответы с готовыми решениями:

Что нужно знать при создании сайта?
Здравствуйте мне интересно знать что должен знать программист при создании сайта. Вопрос возник...

Закрытие модального ajax-окна
Здарова! меня интересует как закрыть окно открытое с помощью ajax Вот так я создаю окно //...

Ajax - отправка формы и закрытие модального окна
Задача такова, нужно после отправки данных из формы в модальном окне закрыть это окно. Делаю так: ...

Что нужно знать при покупке домена?
Хочу купить домен(.ru) по договору уступки прав в письменной форме, у кого есть такой опыт...

Что нужно знать при переходе на х64 с древнего селерона
Приветствую :) В коем то веке решил избавиться от своего антикварного компа и поставить этот:...

3
Lazy_Den
3046 / 2687 / 1355
Регистрация: 15.01.2014
Сообщений: 5,917
29.09.2014, 16:34 2
Саму оболочку модального окна, удобней держать на странице статично. Отдельно в нём создать элемент, в который и будете подгружать контент. При этом, нужно использовать метод html(), который не добавляет новый контент к существующему, а заменяет, если старый имел место быть. Если нет на то крайней необходимости, то достаточно сформировать полностью всё содержание вместе с html-разметкой на сервере. В противном случае, можно создать массив, который возвращаете ответом на Ajax-запрос в виде json-строки и работаете с полученными данными на стороне клиента, как с объектом. Только не забудьте указать тип ожидаемых данных - dataType: 'json' или же распарсить строку с помощью JSON.parse(). Например, мы отправляем ответом такие данные:

PHP
1
2
3
4
5
$data = array(
    'header' => '<h1>New header</h1>',
    'content' => '<p>New content</p>',
);
exit( json_decode($data) );
На клиенте:
Javascript
1
2
3
4
5
6
7
8
$.ajax({
    /* прочие параметры */
    dataType: 'json',
    success: function(data){
        data.header; // содержит <h1>New header</h1>
        data.content; // содержит <p>New content</p>
    }
});
Остаётся вывести их в нужные элементы на странице.
0
etalord
работяга
366 / 366 / 52
Регистрация: 23.05.2010
Сообщений: 947
29.09.2014, 19:23 3
А разве не json_encode($data)?
0
Lazy_Den
3046 / 2687 / 1355
Регистрация: 15.01.2014
Сообщений: 5,917
29.09.2014, 19:25 4
Цитата Сообщение от etalord Посмотреть сообщение
А разве не json_encode($data)?
Сто процентов. Ночью "на автомате" печатал. ))
0
29.09.2014, 19:25
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
29.09.2014, 19:25

Как написать скрипт для скрытия модального окна при клике вне окна(на боди) ?
У меня модальное окно вообще даже не открывается при нажатии на кнопку,потому что у меня так...

Нужно ли знать XML,XSLT перед изучением AJAX
Здравствуйте, собственно возник вопрос, нужно ли знать XML,XSLT перед изучением AJAX? Ответ...

Нужно сделать форму на подобие модального окна
Здравствуйте! В Access 2007 не могу сделать форму на подобие модального диалогового окна(оно само...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
4
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2019, vBulletin Solutions, Inc.
Рейтинг@Mail.ru