把这个词放在 Ajax 加载上 "Please Wait, Don't Close The Windows"

Question

我正在为我的项目使用部分视图。 我的 Ajax 代码在这里：

$("#btnAdd").on("click", function () {
var formData = new FormData();
var dhnFiles = $("#fileDHN")[0].files;
if (dhnFiles.length == 0) {
alert("Pilih file DHN terlebih dahulu!");
return;
}
for (var i = 0; i < dhnFiles.length; i++) {
formData.append("DataDHN", dhnFiles[i]);
}
$.ajax({
method: "POST",
url: "@Url.Action("PartialViewTableDataDHN")",
data: formData,
contentType: false,
processData: false
}).done(function (data) {
$("#TableDHN").html(data);
}).fail(function () {
alert("Error submitting data to server.");
});
});

加载大约20分钟。 我希望用户等待，不要关闭窗口。 如何在加载时添加"请稍候，不要关闭窗口"字样。

谢谢。

Answer 1

您也许可以添加一个覆盖div，您可以使用beforeSend预请求调用bak来显示该覆盖...然后，您可以在 Ajax 完成时隐藏 Ovelay 消息...

$.ajax({
method: "POST",
url: "@Url.Action("PartialViewTableDataDHN")",
data: formData,
contentType: false,
processData: false,
beforeSend: function( xhr ) {
$('#overlay_message').show();
}
}).done(function (data) {
$("#TableDHN").html(data);
}).fail(function () {
alert("Error submitting data to server.");
}).completed(function(){
$('#overlay_message').hide();
});

了解如何创建叠加层：https://www.w3schools.com/howto/howto_css_overlay.asp