jquery - 如何在 $.post 期间显示 JQuery 进度条

Question

我的 MVC 视图中有一个按钮。

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

当用户点击按钮时，$.post 在此方法中执行了一个控制器操作

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

在执行此控制器操作时，我想显示一个进度条，以便用户可以知道正在执行某些过程。我怎样才能做到这一点？此外，它应该在操作完成后立即消失。

Answer 1

试试这个代码

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