Как можно динамически создать <object> с формой
 

Хочу динамически создать <object> с формой для загрузки файлов на сервер, без перезагрузки страницы. <object> т.к. использую xhtml 1.1.

var obj = document.createElement("object");
obj.setAttribute("type", "application/xhtml+xml");
obj.setAttribute("id", id);
obj.setAttribute("data", "");

А как вставлять туда элементы (форму например) не знаю.

Наверное самый простой способ это:

document.body.innerHTML = '<object type="application/xhtml+xml" id="myid" ... > здесь еще и форма ... </object>';

P.S. Могу и ошибаться.

obj.appendChild(form)

Так я делаю

obj.appendChild(form)

Но если попытаться отправить(submit) данные, то ничего не происходит, а если obj вставить в текущий документ, то перезагружается страница.

var obj = document.createElement("object");
obj.setAttribute("type", "application/xhtml+xml");
obj.setAttribute("id", id);
obj.setAttribute("data", "");

var form = document.createElement("form");
form.setAttribute("method", "post");
form.setAttribute("action", url);
obj.appendChild(form);

document.body.appendChild(obj);
form.submit();

Страница перезагружается