У меня довольно стандартная форма
<form name="mainContent" id="mainContent" action="/mySite/reporting/index.html" method="post">
У меня есть кнопка отправки в этой форме
<button type="submit" name="SubmitButton">Submit</button>
Обычно, если моя форма довольно пуста, все работает как положено.
Но иногда моя форма содержит очень большую таблицу (около 100 строк и 75 столбцов), и я замечаю, что с момента нажатия кнопки «Отправить» и до момента, когда запрос фактически появляется на вкладке сети Chrome, браузер полностью зависает примерно на 15 секунд.
Я попытался поместить прослушиватель событий на кнопку и вижу, что прослушиватель событий запускается сразу же, как только нажимается кнопка. Если я использую jquery для удаления таблицы, а затем нажимаю «отправить», браузер немедленно отправляет запрос, поэтому я предполагаю, что это зависание связано с тем, что браузер что-то делает с этой большой таблицей.
Странная вещь - удаление таблицы с помощью jquery.remove () занимает менее секунды. Так что я не понимаю, что делают html-формы, которые бы заморозили браузер на 15 секунд перед повторной отправкой форм