显示在结果出现之前加载Gif

Question

我的查询很长，需要几秒钟才能显示结果。它是对外部脚本的ajax调用。如何在div中显示加载消息，但是一旦显示结果，加载消息就会消失？

这是功能： ＆GT;

function findstore(){
    var txt = 'Please enter the zip code to find the closest store&nbsp;<input type="text" name="zipcode" id="zipcode">';

    $.prompt(txt,{ 
        buttons:{Confirm:true, Cancel:false},
        submit: function(v,m,f){
            var flag = true;
            if (v) { }
            return flag;
        },
        callback: function(v,m,f){

            if(v){      
            var zipcode = f.zipcode;
                $.post('findstore.php',{zip:zipcode},
                       function(data){
                       $("div#demo").html(data);
                       }
                );
            }
        }
    });
}

＆GT;

Answer 1

在您的逻辑中，您可以在调用回调方法之前加载动画gif。您可以将按钮cick与将gif加载到div中所需的代码相关联。

然后，只要您获得数据（在function(data){}内），您就可以通过用返回的数据替换内容来删除gif。