firefox - firefox と IE で formData オブジェクトがすべてのデータを送信しない

Question

フォーム処理に xhr 関数のみを使用して web インターフェイスを設計していますが、クロムで完全に動作していますが、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;
}

一部のフォームは正しく送信され、一部は正しく送信されません (メール/パスワード ログイン フォームのような非常に単純なフォームでも)。

誰かが同じ動作に遭遇したか、これを修正する手がかりがありましたか?

ありがとう ！

Answer 1

最終的に原因を見つけました：

<form>タグがタグの後に配置されている場合、<table>機能しません。テーブルタグの前にフォームタグを移動すると、問題が解決します。誰かが説明を持っている場合、この動作を理解するためだけに:)

ありがとう ！