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

Question

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

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

当用户点击按钮时，此方法中的$ .post会执行一个Controller操作

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

在执行此Controller操作时，我想显示一个进度条，以便用户可以知道正在进行某些进程。我怎样才能做到这一点？此外，一旦行动完成，它就会消失。

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