如何在以下情况下显示图像加载器,直到从 AJAX 请求重新出现
How to show the image loader until the respose from AJAX request comes in following scenario?
以下是我编写的jQuery-AJAX代码:
$('#request_form').submit(function(e) {
var form = $(this);
var formdata = false;
if(window.FormData) {
formdata = new FormData(form[0]);
}
var formAction = form.attr('action');
$.ajax({
url : 'xyz.php',
type : 'POST',
cache : false,
data : formdata ? formdata : form.serialize(),
contentType : false,
processData : false,
success: function(response) {
var responseObject = $.parseJSON(response);
if(responseObject.error_message) {
if ($(".alert-dismissible")[0]) {
$('.alert-dismissible').remove();
}
var htmlString = "<div class='alert alert-danger alert-dismissible' role='alert'><button type='button' class='close' data-dismiss='alert' aria-hidden='true'>×</button>"+responseObject.error_message+"</div>";
$(htmlString).insertBefore('div.modal-body #request_form');
} else {
$('#Modal1').modal('hide');
$('#Modal2').modal('show');
}
}
});
e.preventDefault();
});
我想在网页上显示加载器图像,直到 PHP 端得到一些响应。加载程序的显示方式应使用户无法单击浏览器窗口中的任意位置。一旦响应(错误/成功)来自服务器(即.PHP端),加载器图像应该消失并让流完成它们的工作。
有人可以在这方面帮助我吗?
如果您想了解有关我的问题的任何进一步信息,请告诉我。
提前谢谢。
在 ajax 查询之前添加以下内容:
$('idOfYourLoader').fadeIn();
在 ajax 查询的成功/错误部分结束时添加以下内容:
$('idOfYourLoader').fadeOut();
相关文章:
- VB NET JQUERY AJAX上出现错误500
- JSONP ajax调用出现错误
- 在Polymer中使用核心ajax时出现CORS错误
- ajax请求出现CORS错误
- 多个AJAX请求出现故障
- 如何调用从 AJAX 新添加的函数
- 在 jsp 中使用简单 ajax 时出现问题 - 内容填充然后消失
- AJAX 新 XMLHttpRequest at Interval 不触发多次
- 使用AJAX时出现Javascript错误
- 使用ajax时出现500内部服务器错误
- 通过javascript函数将字符串传递给ajax时出现问题
- jsp/ajax中出现自动完成错误
- JQuery中的AJAX调用出现错误
- ajax调用出现故障时的顺序延迟promise
- AJAX调用出现问题
- 使用XDomainRequest调用跨域AJAX时出现权限拒绝错误
- Ajax请求出现404错误
- 检查是否添加了AJAX新消息
- 在IE和firefox中运行$.ajax时出现问题
- 在laravel 5.2中使用jquery和ajax时出现500内部服务器错误