У меня есть страница, которая читает файл Excel и загружает его в таблицу данных, которая отображается внутри div. Пользователь должен просмотреть результаты загруженного файла, прежде чем они смогут продолжить обработку, это означает, что у меня есть два события кнопки на одной странице, пользователь имеет возможность загрузить свежую копию файла из загрузчика файлов, это означает, что пользовательский интерфейс блокадолжен вызываться всякий раз, когда пользователь нажимает кнопку загрузки.
Проблема, с которой я столкнулся, заключается в том, что blockui работает только в первый раз, когда я снова нажимаю на кнопку со свежей копией Excel, появляется сообщение «blockUI is not function». Было предложение установить асинхронность внутри вызова ajax на true, попробовал это, но все же не радость. Мои скрипты загружаются с использованием конфигурации комплекта
У меня есть метод jquery, который читает файл и добавляет возвращенные данные в div в виде данных, ниже мой код jquery
$('#rateGroupsForm').submit(function(e) {
e.preventDefault(); // stop the standard form submission
$.blockUI();
$.ajax({
url: '@Url.Action("ReadUploadedFile","Rates")',
type: 'POST',
data: new FormData(this),
cache: false,
async: true,
contentType: false,
processData: false,
success: function (data) {
if (data) {
$.unblockUI();
$('#rateGroupsDiv').empty();//remove all existing data before loading fresh one
$('#rateGroupsDiv').append(data);
}
},
error: function(xhr, error, status) {
console.log(error, status);
$.unblockUI();
}
});
})