0

関数「getProgress」を毎秒呼び出せるようにする必要があります。この関数は ajax リクエストを実行し、プログレス バーを更新します。ajax から返された呼び出しが「true」の場合、この関数の呼び出しを停止できる必要があります。

HTML:

<td class="checkbox">
<input type="checkbox" value="6" class="checkbox download" id="chk-6">
<div class="hide" id="prgbar-6"><span class="progresslabel"></span></div>
</td>

私の機能：

function getProgress(operationId) { // receives operationId
    $.post("@Url.Action("Status","Packages")", { operationId: operationId }, function (data) {
        if (data) {
            for (var key in data) {
                if ($("#prgbar-" + key + "").size() != 0) {
                    var objPrg = $("#prgbar-" + key + "");
                    var objchk = $("#chk-" + key + "");
                    if (data[key]) {
                        objPrg.find("span").text("downloading...").css("color:#000000");
                        objchk.hide();
                        objPrg.removeClass("hide").show().progressbar({
                            value: 0
                        });
                        var value = Math.floor(parseInt(data[key]) * 100);
                        objPrg.progressbar("option", "value", value);
                        objPrg.find("span").text(value + "%");
                    } else {

                    }
                }
            }
        }
    });
}
4

3 に答える 3

1

私はこの方法が好きです。間隔のクリアは必要ありません。単独で実行され、必要に応じてタイムアウトが設定されます。

var operationId = ...;
var processFunction = function () {
        $.post("@Url.Action("Status","Packages")", { operationId: operationId }, function (data) {
            if (data !== true) {
                // your normal function stuff
                setTimeout(processFunction, 1000);
            }
        });
    };

setTimeout(processFunction, 1000);
于 2012-11-07T10:36:48.707 に答える
1 
var interval = setInterval(function(){getProgress(operationId,interval)},1000);

$.POST 完了コールバック関数で、この間隔をクリアします: {i use complete here but if you want to do only do only do if you want to do only for success request, use .success()}

$.post("@Url.Action("Status","Packages")", { operationId: operationId }, function (data) {
        if (data) {
            for (var key in data) {
                if ($("#prgbar-" + key + "").size() != 0) {
                    var objPrg = $("#prgbar-" + key + "");
                    var objchk = $("#chk-" + key + "");
                    if (data[key]) {
                        objPrg.find("span").text("downloading...").css("color:#000000");
                        objchk.hide();
                        objPrg.removeClass("hide").show().progressbar({
                            value: 0
                        });
                        var value = Math.floor(parseInt(data[key]) * 100);
                        objPrg.progressbar("option", "value", value);
                        objPrg.find("span").text(value + "%");
                    } else {

                    }
                }
            }
        }
    }).complete(function() { clearInterval(interval); });
于 2012-11-07T10:28:32.530 に答える
0

方法 #1:

requestRunning という関数の外側に変数を作成するだけで、getProgress を呼び出すと、requestRunning が true かどうかがチェックされます。

// Pseudo-code
var requestRunning = false;
if requestRunning === true  => continue with getProgress
if requestRunning === false => stop firing getProgress

方法 #2:

setInterval を使用し、リクエストが成功した場合は間隔をクリアします。

var progressHandle = setInterval(function(){getProgress(id)}, 1000);

$.ajax({
  success: function() {
    clearInterval(progressHandle);
  }
});

後続の AJAX 呼び出しによる進行状況のチェックはあまり良くありませんが、おそらく最初のオプションを好むでしょう。

于 2012-11-07T10:27:31.897 に答える