Как получить html контент и вставить его в div с помощью ajax?

Question

[EVGenyK_ch]

Хочу загружать форму со стороны, iframe не вариант для меня, хотел бы ajax'ом подгружать форму на страницу, подскажите пожалуйста как такое реализовать

Comments

[alex-1917]

а форма где, на своем сервере или на чужом?

[EVGenyK_ch]

alex-1917, на своем, а есть разница?

[alex-1917]

EVGenyK_ch, ну так проще на порядок. В чем форма хранится, на какой-то странице или в БД?

[EVGenyK_ch]

alex-1917, отдельная страница со своими стилями и скриптами

Answer 1

[alex-1917]

Отправляем запрос на страницу page.html и забираем оттуда содержимое элемента с классом form_class
$( ".target" ).load( "page.html .form_class" );

Здесь появится форма, УРААА!!
<div class="target"></div>

Comments

[EVGenyK_ch]

да, так я делал, стили не подгружаются почему-то, хотя ссылки все есть

spoiler

[alex-1917]

EVGenyK_ch, значит стили не наследуются.

[EVGenyK_ch]

alex-1917, ни скрипты ни стили не работают, но подгружаются, не подскажешь как это исправить?

[alex-1917]

EVGenyK_ch, стили не наследуются, наверное, говорю же. На исходной странице например .main_box .form_box, а на финальной странице блока с классом main_box нет и этот стиль не применится.
Скрипты и не будут работать, они не видят этот добавленный блок (форму), вот жевали - Не работает javascript после ajax? или гугли не работает клик по добавленному элементу

[EVGenyK_ch]

alex-1917, нее я немного о другом, скрипты и стили у формы свои и содержатся на странице с формой и загружаются вместе с формой, но не выполняются, или это не меняет сути дела? хотя на этой же странице есть форма с подгрузкой аякс с fancybox, там все работает

[alex-1917]

EVGenyK_ch, тут надо потестировать, я привел пример для случая, когда на всех страницах одинаковый набор стилей и скриптов. Стили точно можно забирать, тогда просто подставить класс блока, в который входит и форма и стили. А скрипты хз, навряд ли. Хотя для дживкери все возможно.