dom - Javascript Wait for Ajax Content Load -

i newbie javascript , writing traverse dom . page uses checkboxes filter results. results displayed using ajax. there 4 level of checkboxes.

grand parent parent child
grand child .

for each level, want javascript click checkbox , wait content load.

right checks , traverses whole dom , not wait .

what want , when element clicked , next function decideread() should called when ajax results have been refreshed.

i have tried using settimeout , other delay methods, it's single threaded won't work. ideas ?

for (i = 0; < 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 data, skip further reading below');         statenode[j].click(); // have read data, skip further reading below.         continue;      }       (k = 0; k < intypenode.length; k++) {          intypenode[k].click();          var read = decideread();          if (read)          {              alert('we have read data, skip further reading below');              intypenode[k].click();             continue;          }             (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(); 

}

you should use onreadystatechange this. check http://www.w3schools.com/ajax/ajax_xmlhttprequest_onreadystatechange.asp