Javascript等待Ajax内容加载

Question

我是javascript的新手，正在写遍历DOM的文章。 该页面使用复选框来过滤结果。 使用Ajax显示结果。 有4个级别的复选框。

祖父母父母子女
大孩子。

对于每个级别，我都希望javascript单击复选框并等待内容加载。

现在，它检查并遍历整个DOM，但不等待。

我想要的是，当元素被单击时，仅当刷新Ajax结果时才应调用下一个函数defineread（）。

我试过使用setTimeOut和其他延迟方法，但是他们说它是单线程的，所以行不通。 有任何想法吗 ？

对于（i = 0; i <mgtNode.length; i ++）{mgtNode [i] .click（）;

for (j = 1; j < stateNode.length; j++)

{
    stateNode[j].click();
    var read = decideRead();
    if (read)

    {
        alert('we have read the data, now skip further reading below');
        stateNode[j].click(); // we have read the data, now skip further reading below.
        continue;

    }


    for (k = 0; k < inTypeNode.length; k++) {

        inTypeNode[k].click();

        var read = decideRead();

        if (read)

        {

            alert('we have read the data, now skip further reading below');

            inTypeNode[k].click();
            continue;

        }




        for (l = 0; l < jobNode.length; l++)

        {
            jobNode[l].click();

            while (true) {
                if (new Date() - startTime >= 5000) {
                    break;
                }
            }


            saveData();

            jobNode[l].click();
        }

        inTypeNode[k].click();


    }
    stateNode[j].click();

}
mgtNode[i].click();

}

Answer 1

您应该为此使用onreadystatechange。 检查此http://www.w3schools.com/ajax/ajax_xmlhttprequest_onreadystatechange.asp