在ajax调用过程中，进度条没有立即显示。
提问于 2020-04-08 03:58:59
我的要求：
progressbar
- Show
- 点击提交按钮，点击Ajax调用
- 显示进度栏
- 完成Ajax调用后用Ajax结果
隐藏Ajax Extjs.Message.alert(Ajax结果)
Problem是指当我单击submit按钮时，它会在代码下面执行，但不会立即显示进度条，而且进度条与Extjs消息警报框同时隐藏。
function submit() {
jQuery("#myProgressBar").show();
Ext.Message.Alert(doAjaxCall());
}
function doAjaxCall() {
var ajaxResult = null;
jQuery.ajax({
url: someUrl,
data: someData,
success: function(result) {
task.delay(1000);
ajaxResult = result;
}
});
return ajaxResult;
}如果我使用下面的代码，那么它只是显示进度条，否则就不会显示进度条。
var task= new Ext.util.DelayedTask(function() {
jQuery("#myProgressBar").hide();
});Ajax调用成功部分中的task.delay(1000);
回答 1
Stack Overflow用户
回答已采纳
发布于 2020-06-14 07:05:52
尝尝这个
function submit() {
jQuery("#myProgressBar").show();
doAjaxCall(aftersuccess);
}
function doAjaxCall(callback) {
var ajaxResult = null;
jQuery.ajax({
url: someUrl,
data: someData,
success: function(result) {
callback(result);
}
});
return result;
}
function aftersuccess(data){
jQuery("#myProgressBar").hide();
alert(data);
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/61100152
复制相关文章
腾讯云开发者
