jquery中的多个定期ajax更新;正确

Question

经过一个晚上的浏览和尝试，我有一些工作，但我想知道这是否都是正确的，或者可以改进。我问，因为我不经常使用javascript或jquery/ajax。

在 django 应用程序中，我正在运行一个芹菜任务，我想在任务完成后使用结果更新浏览器。

为此，我使用 setTimeout 创建了一个 javascript 计时器（这样我就可以在成功时停止它）。

现在我希望能够支持多个计时器;我要更新的每个字段（或任务）一个计时器;我不确定如何在匿名函数上设置新的超时，所以我给它起了一个名字并使其成为全局的;这是正确的吗？有没有更好的方法

？

保罗·博尔曼斯

{% block jscript %}
<script>
function updateTaskResult(i, e) {
$.ajax({
  type: "GET",
  url: "{% url 'task_status' %}",
  cache: false,
  data: {task_id: e.id},
  context: e
}).done(function(json) {
    $(e).html("state=" + json.state + " result=" + json.result);
    if(json.state !== "{{ success }}") {
        setTimeout(updateTaskResult, 1000, i, e);
    }
});
}
$("div.status").each(function(i, e) {
    updateTaskResult(i,e);
});
</script>
{% endblock %}

Answer 1

若要避免全局变量，可以将代码包装在立即运行的匿名函数中。 这将创建一个私有变量作用域供您使用。

此外，由于您不在 AJAX 回调中使用关键字 this，因此无需将上下文设置为 e。

<script>
    (function() {
        var updateTaskResult = function (i, e) {
            $.ajax({
                type: "GET",
                url: "{% url 'task_status' %}",
                cache: false,
                data: {task_id: e.id},
            }).done(function(json) {
                $(e).html("state=" + json.state + " result=" + json.result);
                if(json.state !== "{{ success }}") {
                    setTimeout(updateTaskResult, 1000, i, e);
                }
            });
        }
        $("div.status").each(function(i, e) {
            updateTaskResult(i,e);
        });
    })();
</script>

匿名函数可以像这样与 setTimeout 一起使用：

<script>
    setTimeout(function () {
        // Do stuff.
    }, 1000);
</script>

Answer 2

您必须意识到这是浪费资源。这不是正确的做法。您要做的是实现PUSH。

对于 django 的这个，请查看 evserver，"轻量级异步 Python WSGI Server"。这似乎很有希望。另外，结帐 diesel.io。这样，只有当有一些数据要推送时，您的服务器才会将数据推送到浏览器中（您无需从客户端检查 t）。

如果你用芹菜，我想你不怕捣鼓蟒蛇，所以做对了。