如何在$ .post期間顯示JQuery進度條

我的MVC視圖中有一個按鈕。

<input type="submit" value="Go" title="Go" onclick="JumpToUpdateDate()" />

當用戶點擊該按鈕有一個控制器行動，這種方法由$。員額執行

function JumpToUpdateDate() { 
    var enteredDate = $('#updatedDate').val(); 
    $.post('@Url.Action(MVC.Customers.ActionNames.List)', { JumpToDate: enteredDate, DateChanged: true }, function (data) { 
     if (data.NoRecordExistsForTheDate == true) { 
      alert('No records were updated on selected date.'); 
     } 
     else { 
      $('#CustomerData').html(data); 
     } 
    } 
    ); 
}

當正在執行這個動作控制器，我想顯示一個進度條，這樣用戶可以知道有一些進程正在進行。我怎樣才能做到這一點？此外，它應該在行動完成後立即消失。

來源

2013-06-18 Nirman

你已經有一個進度條？（可以簡單地是一個動畫gif）。如果是這樣，你所要做的就是顯示和隱藏它。 $（「＃myprogressbar」）。show（）'和'$（「＃myprogressbar」）。hide（）' –

使用加載器映像代替 –

您是否嘗試過使用ajax回調函數？ –

試試這個代碼

$.ajax({ 
     url: '@Url.Action(MVC.Customers.ActionNames.List',{data: "JumpToDate": enteredDate, "DateChanged": true }, 
      beforeSend: function() {      
         //display Progress bar here 
       }, 

     success: function (result) { 

     }, 
     async: false, 
     cache: false 
    });

來源

2013-06-19 06:15:48

如何在$ .post期間顯示JQuery進度條

回答

相關問題