Как подключить внешний файл через .load?

Question

[vasilseodor]

Есть код (файл forma.htm на сайт1.ру). Состоящей и формы и немного текста. К этому коду подключены 1 css и 3 javascript файла. (Это все в файле)

Есть сайт2.ру к которому надо подключить форму эту именно встраиванием этого файла... В Js я вообще не силен. Но пытался подключить так:

<script>
$(document).ready(function(){
    $("#forma").load("http://сайт1.ру/forma.htm");
  });
</script>
<div id="forma"></div>

Но работать отказывается. Посоветуйте кто нибудь что нибудь

Answer 1

[Дмитрий]

.load - это короткий alias для ajax. А ajax не работает кроссдоменно. Поэтому и не пашет.
Как сказал Константин Китманов - iframe отличный вариант, если форма не резиновая. Иначе, HTML код надо получать серверным методом и выводить уже как обычно.

Comments

[Константин Китманов]

Даже если резиновая. Еще в незапамятные времена у Яндекса была библиотечка, которая умела подгонять размер ифрейма под контент. Естественно, ее надо было с обоих сторон подключать, но я так понял, что у ТС есть доступ и там и там.

Answer 2

[Константин Китманов]

Зависит от того, что, собственно, вы хотите получить. Но для начала -- iframe.

Comments

[vasilseodor]

Цель - возможность отправки данных формы на сервер. Но вот конкретно одним файлом желательно... Что посоветуете кроме .load варианты есть? Пробовал вот так

Но код в данном случае у forma.js

a = document.getElementById('forma').innerHTML;
document.getElementById('forma').innerHTML = a + 'здесь код формы с подключением скриптов и стилей';

[Константин Китманов]

vasilseodor: да это понятно, что отправить данные:) Меня не покидает ощущение, что то, что вам надо, можно решить проще.
Как вам сказали, кроссплатформенный AJAX не работает без настройки отдающего сервера соответствующим образом (гуглить CORS).
Кстати, у тега form есть атрибут action, где можно указать любой урл, в том числе и на другом сервере.