formData объект не отправляет все данные на firefox и IE

Question

Я проектирую веб-интерфейс, используя только xhr функции для обработки форм , пока он отлично работает на chrome, у него очень странное поведение на IE и firefox: не все данные передается при подаче формы и ничего не указывает на что-то конкретное, когда возникают эти ошибки.

мой пост функция выглядит следующим образом:

function submitForm(formName,formTarget) { 
console.log(formName); 
var form = document.getElementById(formName); 
var formDatax = new FormData(form); 

var xhr = new XMLHttpRequest(); 
xhr.onreadystatechange = function() { 
if (xhr.readyState == 4 && (xhr.status == 200 || xhr.status == 0)) { 
document.getElementById("mainCenter").innerHTML = xhr.responseText; 
} else if (xhr.readyState < 4) { 
document.getElementById("mainCenter").innerHTML = "<div class='loadingDiv'></div>"; 
} 
}; 
xhr.open('POST', formTarget, true); 
xhr.send(formDatax); 

return false; 
} 

некоторые формы посылаются correclty, другие нет (даже очень просто, как электронная почта/пароль форма Войти)!

Неужели кто-то ответил на такое же поведение или какую-либо подсказку, чтобы исправить это?

спасибо!

Answer 1

наконец-то нашел причину:

если <form> тег помещается после <table> тега, это не работает. перемещая тег формы до того, как тег таблицы решает проблему. если у кого-то есть объяснение, просто чтобы понять это поведение :)

спасибо!