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