使用 Ajax 更新代码隐藏中运行的进程的进度

Question

这是我之前提出的问题的后续。

在进程运行时更新网页

我想要该网页使用 Ajax 显示进程正在运行的阶段。在后面的代码中的每个步骤之后，文件都会被一些文本覆盖，指示刚刚发生了什么。我希望网页定期发送对该文件的请求并使用 setInterval 或 setTimeout 显示其内容。一旦按下按钮，网页就开始其请求周期，服务器开始其耗时的操作。

我现在拥有的...

定期请求的脚本：

<script type="text/javascript">

    var d = setInterval("Check()", 3000);
    function Check() {
        var xmlhttp;
        if (window.XMLHttpRequest) {
            xmlhttp = new XMLHttpRequest();
        }
        else {// code for IE6, IE5
            alert("get chrome");
        }
        xmlhttp.onreadystatechange = function () {
            if (xmlhttp.readyState == 4) {
                document.getElementById("s").innerHTML = xmlhttp.responseText;
            }
        }
        xmlhttp.open("GET", "temp/test.txt", true);
        xmlhttp.send();
    }

    /*$(document).ready(function () {
    $("#uploadbutton").click(Check());
    });*/
</script>

当前 Check() 在页面加载后立即开始运行。我希望只有在单击事件发生时才调用它。如果我在单击事件中定义 Check()，它不会识别 setInterval，并且只会检查我是否再次单击该按钮。这不是一个大问题，因为我认为运行脚本就可以了。它只会显示一个“未搜索”字符串。不幸的是，随着文件更新（并且我检查过），页面在获取响应时不会显示内容。它只是保持不变，然后一旦代码隐藏完成，它就会重置为默认设置。谁能告诉我为什么页面不更新？

编辑：忘记提及 click 事件有一个 onclick 分配给执行长函数的 C# 代码隐藏。我不知道是否可以运行 javascript Ajax 函数以及 C# 代码隐藏功能。 Ajax 调用具有 async = true，但脚本部分没有与代码隐藏并行运行，对吧？

再次编辑：我将脚本更改为向上计数。我预计它会在代码隐藏完成其工作时继续计数，但是一旦您按下按钮，它就会停止。一旦代码隐藏完成，它就会重新开始计数。为什么计数不继续进行？我希望它在代码隐藏完成后重新启动，但我认为它会继续计数。

Answer 1

setInterval("Check()", 3000); 应在按钮单击事件上调用。不要直接在按钮单击事件上调用 Click()，只需调用 setInterval("Check()", 3000); ，它就会调用 Click () 为您服务。