0

私はプログラミングに関しては非常に新しいので、これは皆さんにとって公園の散歩かもしれません. プログレスバーの .gif イメージを使用して div を作成したいと考えています。たとえば、データベースに設定を保存するためにボタンを押したときにのみ div を表示する必要があります。

この関数は、GUI のあらゆる場所で使用され、データベースに対してクエリが実行されるたびに使用されます。jQuery UI でコーディングしており、ajaxStart() と ajaxStop() を使用するように勧められていますが、適切な使用方法がわかりません。以下のコードは、私が何らかの形で正しい方向に進んでいると思って書いたコードですが、そうではない可能性が高いです。

- - - 脚本 - - -

$(document).ready(function(){
      $("#progressContainer").ajaxStart(function(){
        $(this).html("<img src='ajax-progressbar.gif' />");
      });
      $(".clickForProgressBar").click(function(){
        $("#progressContainer").load("");
      });
    });

----- HTML -----

<button class="clickForProgressBar">Click here</button>
<div id="progressContainer"></div>

誰かが試してみて、続行する方法についていくつかのヒントを教えてくれたら、私は永遠に感謝します. 私が最初に何を意味したかを少しでも理解できれば;)

4

1 に答える 1

1

これを行う 1 つの方法の概要を次に示します。

まず、これはアプリケーション全体のポリシーであるため、Ajax ラッパーを作成し、そのラッパーをすべての呼び出しに使用します。

次に、ラッパー内で、サーバーへの実際の呼び出しを発行する前にイメージを表示します。

最後に、(何らかの理由で) 呼び出しが返されたら、続行する前に画像を非表示にします。

念頭に置いておくべき質問の 1 つは、イメージ コンテナーをどのように処理するかということです。たとえば、(上で指摘したように) div タグに含まれる場合、呼び出しの一部として div タグの id を渡し、さまざまな div タグまたはプレースメントが引き続き機能するようにすることができます。または、コンテンツの上にポップアップして画像を表示するモーダル ウィンドウを使用することもできます。これにより、邪魔になるかもしれませんが、div タグを使用する必要がなくなり、ページのレイアウトについて何の仮定もせずに済みます (何をしているかによっては、これは良いことかもしれません)。

于 2012-12-21T13:38:35.247 に答える