Question

是否可以使用持续进行的ProgressBar进行toastr通知，或者直到我在代码中手动禁用它？

我想在ajax数据保存上显示它，我不知道需要多少时间。

Answer 1

是的，这是可能的。

您应该使用网络工作者HTML5 API来使用烤面包机插件。

永远使用烤面包机插件的例子是here。

演示网络工作者HTML5 API演示在这里：

＆＃13;

var w;

function startWorker() {
    if(typeof(Worker) !== "undefined") {
        if(typeof(w) == "undefined") {
            w = new Worker("demo_workers.js");
        }
        w.onmessage = function(event) {
            document.getElementById("result").innerHTML = event.data;
        };
    } else {
        document.getElementById("result").innerHTML = "Sorry, your browser does not support Web Workers...";
    }
}

function stopWorker() { 
    w.terminate();
    w = undefined;
}

＆＃13;

<p>Count numbers: <output id="result"></output></p>
<button onclick="startWorker()">Start Worker</button> 
<button onclick="stopWorker()">Stop Worker</button>
<p><strong>Note:</strong> Internet Explorer 9 and earlier versions do not support Web Workers.</p>

＆＃13;

您应该在startWorker()函数中定义您的工作。

您可以使用 AJAX 来更新数据:)就像这样 -

$.ajax({url: "demo_test.txt", success: function(result){
    $("#div1").html(result);
}});

用于从服务器更新数据。

Answer 2

为此，您可以使用假时间来表明进度;因为我们所知道的ajax请求可能需要大约。 30秒;

我们可以创建一个功能来显示假进度条30秒;

如果我们在30秒之前得到回应。无论现在如何，我们都会将进度设置为100％并显示对用户的响应;

如果请求未在30秒内完成，则等等;我们可以将进度设置为99％并等待来自服务器的响应，当我们得到响应时，我们将其设置为100％并显示对用户的响应; ：）

带有js toastr的无限进度条

2 个答案: