等待ajax响应时在循环上调用的javascript函数

Question

我有两个.asp脚本-第一个将sys.tables和sys.views的内容复制到SQL中的另一个表。 第二个脚本计算完成百分比

（ newtable的 count（ ）/ sys.tables的count（ ）+ sys.views的count（*））* 100

我有一个函数来调用第一个脚本。

function importTablesAndViews()
{
    xmlhttpImportTablesAndViews=GetXmlHttpObject();

    if (xmlhttpImportTablesAndViews==null)
    {
      alert ("Your browser does not support XMLHTTP!");
      return;
    }
    url="importtablesandviews.asp";
    url=url+"?sid="+Math.random();

    xmlhttpImportTablesAndViews.onreadystatechange=function(){if (xmlhttpImportTablesAndViews.readyState==4){
        var aspResponse = xmlhttpImportTablesAndViews.responseText; 
    alert(aspResponse); }}
    xmlhttpImportTablesAndViews.open("GET",url,true);
    xmlhttpImportTablesAndViews.send(null);
}

我还有另一个函数可以调用进度脚本

function refreshImportProgress()
{
    //alert('Refresh...');
    xmlhttpRefreshImportProgress=GetXmlHttpObject();

    if (xmlhttpRefreshImportProgress==null)
    {
      alert ("Your browser does not support XMLHTTP!");
      return;
    }
    url="importtablesandviewsprogress.asp";
    url=url+"?sid="+Math.random();

    xmlhttpRefreshImportProgress.onreadystatechange=function(){if (xmlhttpRefreshImportProgress.readyState==4){
        var aspResponse = xmlhttpRefreshImportProgress.responseText; document.getElementById('progressDiv').innerHTML = aspResponse; }}
    xmlhttpRefreshImportProgress.open("GET",url,true);
    xmlhttpRefreshImportProgress.send(null);
}

我想要做的是从importTablesAndViews（）函数中每隔3秒调用一次refreshImportProgress（）函数。

这可能吗？ 我曾尝试同时搜索ajax请求，但到目前为止运气不佳。

Answer 1

启动一个定时器（ setTimeout ）与refreshImportProgress在onreadystatechange的处理程序xmlhttpRefreshImportProgress （只要进展低于100％）：

function refreshImportProgress() {
    // ...

    xmlhttpRefreshImportProgress.onreadystatechange = function () {
        if (xmlhttpRefreshImportProgress.readyState == 4) {
            document.getElementById('progressDiv').innerHTML = xmlhttpRefreshImportProgress.responseText;

            var progress = parseInt(xmlhttpRefreshImportProgress.responseText, 10);
                        // ↑ this assumes the value of responseText is a integer only or a integer with a percentage symbol (44%)

            if (progress < 100) {
                setTimeout(refreshImportProgress, 3000);
            }
        }
    }

    // ...
}

在importTablesAndViews() ，发送请求后只需调用refreshImportProgress ：

function importTablesAndViews() {
    // ...
    xmlhttpImportTablesAndViews.send(null);

    refreshImportProgress();
}

Answer 2

抱歉，如果我误解了这个问题。 但是我不确定3秒计时器上与Ajax有什么关系的最佳方法。 例如，如果您使用的浏览器非常慢，则不能保证第一种方法的更改已及时完成。 另外，可能不需要3秒的等待快速浏览器的时间。

如果必须执行此操作，则只需调用setTimeout（） http://www.w3schools.com/jsref/met_win_settimeout.asp

您似乎更应该执行一个诺言，该诺言在解决需要花费时间的问题时就会被调用。 https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Promise

甚至事件监听器。 这是清单。 http://www.w3schools.com/jsref/dom_obj_event.asp

除非您只想将临时处理延迟到下一个刻度，否则永远不需要使用超时。