gpt4 book ai didi

JQuery UI 对话框显示等待消息,直到处理完 ajax 调用

转载 作者:行者123 更新时间:2023-12-03 22:57:07 25 4
gpt4 key购买 nike

我认为一切都在标题中。当我开始这个时,我以为这将是一个 5 分钟的代码或谷歌搜索时的快速结果......但现在我已经花了三个小时:

当我执行 ajax 调用来检索一些 json 结果时,只需显示一个对话框,其中包含“请稍候...”消息,然后显示“结果完成”。

$('#switchOff').live("click",function(){

$('#dialog').dialog({
modal:true,

open: function(){
// I would like to call myAjax function
//From here ?
// While my dialog is showing the Wait message...
},


complete: function(){
//close the dialog when fished
$('#dialog').dialog('close');
},
});



});

function ajaxCall() {
//my ajax call
}

最佳答案

您不应该再使用live。使用 .on 代替。您正在混淆对话框和 ajax 代码。这是我将如何做到这一点的示例。

Here is link to fiddle for demonstation

$('#switchOff').on("click",  ajaxCall);

$("#loading").dialog({
hide: 'slide',
show: 'slide',
autoOpen: false
});

function ajaxCall() {
$.ajax({
url: '/echo/html/',
data: { html: '<p>JSON result</p>' , delay: 3},
method: 'post',
beforeSend: function(){
$("#loading").dialog('open').html("<p>Please Wait...</p>");
},
success: function(data) {
$('#loading').html("<p>Result Complete...</p>");
$('#ajaxResult').html(data);
}
});
}

关于JQuery UI 对话框显示等待消息,直到处理完 ajax 调用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15816740/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com