对于一个后台的api（query_status?id=1），前台有若干个id（ids=[1,2,3,4,5]），每次js取出一个id，并请求这个api，获取当前的状态，然后进入判断：1、api返回的status为true，则标记为成功并请求下一个id；2、api在15s内没有返回，则标记为超时并请求下一个。 每次只请求一个id，而且当上一个id请求完成之后再处理下一个。

目前我后台是用tornado写的，当前的代码尝试了用js去轮询，不过会阻塞前端页面

我的目的：1、如果getconfirm获取到的api的flag为true 则标记此为通过，并处理下一个，否则如果10s内都获取得到的api的flag为false，则标记为超时，并处理下一个

菜鸟代码很渣，贴出关键逻辑求大佬指点

function wait_for_resp(vid){
  //cflag = getconfirm(vid);
  for (let i=0;i<5;i++)
  {
    sleep(2000);//sleep 3s;
    cflag = 0;
    cflag = getconfirm(vid);//这里的目的是 1、如果getconfirm获取到的api的flag为true 则标记此为通过，并处理下一个，否则如果10s内都获取得到的api的flag为false，则标记为超时，并处理下一个
    if(cflag==1){//confirm=1 pass
      return 1;
      break;
    }
  }
  return 2; //timeout 15s
}

function main(){
 for(let i=0;i<ar1.length;i++){
        if (i==0){
          runurl(ar1[i]);//runurl如果通过 则会给后台对应到这个vid=ar1[i]的confirm flag设置为true 否则默认为false
          console.log('1st runned!');
        }
        else
        { 
          wflag = 0;
          wflag = wait_for_resp(ar1[i-1]);
          console.log('wflag:   '+wflag);
          if (wflag==1){ //run next when the ar1[i-1] pass or timeout
            document.getElementById(ar1[i-1]).setAttribute('class', 'testpagesuccess');
            console.log('now set'+ar1[i-1]+'and running  :'+ar1[i]);
            runurl(ar1[i]);
          }
          else if(wflag==2){
            console.log('timeout');
            document.getElementById(ar1[i-1]).setAttribute('class', 'testpagefail');
            runurl(ar1[i]);
          }
        }}