Question

使用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”变量每次循环，它都可以工作。然后“数据”将始终执行“statusFill”并正确显示条形图。这是我使用的逻辑。

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

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

Answer 1

编辑2：外部div被命名为statusBorder not status。

循环上的异步进度条

1 个答案: