1

使用 MVC3、C#、jQuery、Ajax ++

我的html

<div>
   <a href="#" id="startProcess">Start Long Running Process</a>
</div>
<br />
<div id="statusBorder">
    <div id="statusFill">
    </div>
</div>

html的javascript部分

    var uniqueId = '<%= Guid.NewGuid().ToString() %>';

    $(document).ready(function (event) {
        $('#startProcess').click(function () {
            $.post("SendToDB/StartLongRunningProcess", { id: uniqueId,
                                 //other parameters to be inserted like textbox

                                                             }, function () {
                $('#statusBorder').show();
                getStatus();
            });
            event.preventDefault;
        });
    });

     function getStatus() {
        var url = 'SendToDB/GetCurrentProgress';
        $.get(url, function (data) {
            if (data != "100") {
                $('#status').html(data);
                $('#statusFill').width(data);
                window.setTimeout("getStatus()", 100);
            }
            else {
                $('#status').html("Done");
                $('#statusBorder').hide();
                alert("The Long process has finished");
            };
        });
    }

这是控制器。

    //Some global variables. I know it is not "good practice" but it works.
    private static int _GlobalSentProgress = 0;
    private static int _GlobalUsersSelected = 0;

    public void StartLongRunningProcess(string id,
                                        //other parameters
                                        )
    {   
        int percentDone = 0;
        int sent = 0;            

        IEnumerable<BatchListModel> users;

        users = new UserService(_userRepository.Session).GetUsers(
                //several parameters)

        foreach (var c in users)
        {
                var usr = _userRepository.LoadByID(c.ID);

                var message = new DbLog
                {
                    //insert parameters
                };

                _DbLogRepository.Save(message);
                sent++;

                double _GlobalSentProgress = (double)sent / (double)_GlobalUsersSelected * 100;

                if (percentDone < 100)
                {
                    percentDone = Convert.ToInt32(_GlobalSentProgress);
        }

//this is supposed to give the current progress to the "GetStatus" in the javascript
public int GetCurrentProgress()
    {
        return _GlobalSentProgress;
    }

现在，带有进度条的 div 永远不会出现。老实说，它有点破碎。但我希望你能理解我的逻辑。

在进行插入的循环中，我确实有这个计算：

double _GlobalSentProgress = (double)sent / (double)_GlobalUsersSelected * 100;

然后我将 _GlobalSentProgress 转换为正常的 int

percentDone = Convert.ToInt32(_GlobalSentProgress);

所以它不再有任何小数。

如果我可以在每次循环时将这个“percentDone”或“_GlobalSentProgress”变量（它完美地显示了我在插入中的百分比）异步发送到javascript中的“data”变量中，它会起作用。然后“数据”会一直执行“状态填充”并正确显示条形图。这是我使用的逻辑。

我相信为了实现这一点而抛出的词是“异步的”。我查看了 2 个非常有前途的指南，但我无法使其与我的循环一起工作。

有人对我如何做到这一点有建议吗？

4

1 回答 1

1

编辑 2：外部 div 被命名为 statusBorder 而不是 status。

于 2013-02-25T21:51:08.587 回答