如果表单包含大表，则使用提交按钮需要15秒钟的时间提交HTML表单

Question

我有一个非常标准的表格

<form name="mainContent" id="mainContent" action="/mySite/reporting/index.html" method="post">

我有这种形式的提交按钮

<button type="submit" name="SubmitButton">Submit</button>

通常，如果我的表单很空，那么一切都会按预期进行。 但是有时我的表单包含一个非常大的表（约100行和75列），并且我注意到从我点击提交到请求真正出现在chrome的网络标签中的时间，浏览器完全冻结了大约15秒钟。

我尝试将事件监听器放在按钮上，可以看到按下按钮后立即触发了事件监听器。如果我使用jquery删除表，然后按Submit，浏览器会立即提交请求，所以我认为冻结是由于浏览器对这个大表做了一些操作。

奇怪的是使用jquery删除表。remove（）花费了不到一秒钟的时间。所以我不明白html表单在做什么，它会在重新提交表单之前冻结浏览器15秒钟

Answer 1

当您可以在首页上获得所有期望的数据（例如html，jsp或php文件）时，可以使用ajax（jQuery）异步发送数据。 请阅读示例：How do I submit a form in jQuery async?