Loading結果を表示する前にGIFを表示

Question

私はかなり長いクエリを表示し、結果を表示するのに数秒かかります。これは、外部スクリプトへのajax呼び出しです。 divの内部に読み込みメッセージを表示するにはどうすればいいですか？結果が表示されたら読み込みメッセージは消えますか？ここで

は、関数である：あなたのロジックで>

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); 
         } 
       ); 
      } 
     } 
    }); 
} 

>

Answer 1

あなたのコールバックメソッドを呼び出す前に、ちょうど内部のアニメーションGIFを読み込むことができます。 gifをdivにロードするために必要なコードにボタンコックを関連付けることができます。

その後、データが返ってくると（function(data){}）、返されたデータとtheの内容を置き換えてgifを削除できます。