1

Jquery UI プログレス バーと PHP に関連する問題があります。これがシナリオで、

1) ユーザーが html フォームでいくつかのフィールドを選択し、それが php を使用して投稿されます

2）データは投稿から取得されます。このデータは、ページの読み込みに数分かかるのに十分な大きさになる可能性があります（したがって、プログレスバーを実装する理由です）

3) ページが Jquery UI をロードしている間、進行状況バーが増加します。

これまでのところ、jquery プログレス バーをインストールしましたが、ページの読み込み中ではなく、ページの読み込み中にのみ表示されます。

何か助けはありますか？

これは私のソースコードのサンプルです

 <?php

 echo "<div id='progress-bar'></div>";
 if (isset($_POST['submit']))   {

 if(!empty($_POST['startdate']) && !empty($_POST['enddate']))   {


        $accountdetails = GetAccountDetails("SELECT Account_Name,         Account_Project_X, Account_Number FROM Accounts WHERE Account_Name = '".$_POST['accountnames']."'"); 
        echo "<div id='data-table'>";

   ?>

データ テーブルには、ロードされるデータが含まれています。

次に、データ テーブルの div が終了し、css および jquery ファイルへのファイル参照が JavaScript コードと共にプログレス バーに追加されます。

  <link type="text/css" href="css/smoothness/jquery-ui-1.8.20.custom.css"    rel="Stylesheet" />    
  <link type="text/css" href="css/style.css" rel="Stylesheet" />    

 <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
 <script type="text/javascript" src="js/jquery-ui-1.8.20.custom.min.js"></script>



 <script    type="text/javascript">
 $('#startdate').datepicker({ dateFormat: "yy-mm-dd" });
 $('#enddate').datepicker({ dateFormat: "yy-mm-dd" });
 </script>

 <script    type="text/javascript">
$(function() {
    $( "#progress-bar").progressbar();
});
</script>

どんな助けでも大歓迎です。

4

1 に答える 1

0

私の理解では、フォームが投稿されたとき。ページがリロードされます (通常の PHP の方法)。
プログレスバーを利用するには、いくつかのことを考慮する必要があります。

  1. 編集するコンテンツは、jQuery を使用して (つまり、AJAX を使用して)POST編集する必要があります。POST
  2. プログレスバーを更新する量を知るために、ロードされたコンテンツの量と残りの量を識別する方法が必要です

それらが完了したら、それを機能させることができるはずです

于 2012-06-14T10:26:55.873 に答える