为什么在我的循环之后执行JQuery.getJson？

xzv2uavs 于 2022-12-12 发布在 jQuery

关注(0)|答案(1)|浏览(164)

我希望我的数据被排序，因为我可以看到pokeparser函数每次都给出一个url，但getJson是在循环结束后执行的，如何才能同时完成呢？

let counter = 151;
  for(let i = 1; i <= counter; i++){

        let url = `https://pokeapi.co/api/v2/pokemon/`;
        url = url + i;
        //console.log(url);
        poke_parser(url);
        
  }
  
  

  function poke_parser(url){
        console.log("before  "+ url); ///////////////////////////////in that time i is taxionomicly
                                      ///////when the loop finished go to get Json 
        jQuery.getJSON(url,function(data){
              console.log("after  "+ url);//////////////////////////instead executed after the loop 

                                          //////////what can i do?
       .......................
         
        });
  }

jquery

来源：https://stackoverflow.com/questions/74761053/why-jquery-getjson-executed-after-my-loop

1条答案

按热度按时间

cbwuti441#

这是因为getJSON是异步的，当第一个响应返回时，循环已经结束。

// stub
var jQuery = {
  getJSON: function(url, cb) {
    setTimeout(function() {
      cb({
        something: 12
      })
    }, Math.random() * 1000)
  }
}

let counter = 8;
for (let i = 1; i <= counter; i++) {
  let url = `https://pokeapi.co/api/v2/pokemon/`;
  url = url + i;
  poke_parser(url);
}

function poke_parser(url) {
  console.log("before  " + url);
  jQuery.getJSON(url, function(data) {
    console.log("after  " + url);
  });
}

但是，如果您的目的是在处理完前一个响应后再处理一个响应，则可以使用以下技术：

// stub
var jQuery = {
  getJSON: function(url, cb) {
    setTimeout(function() {
      cb({
        something: 12
      })
    }, Math.random() * 1000)
  }
}

let counter = 8;
do_one(1)

function do_one(i) {
  let url = `https://pokeapi.co/api/v2/pokemon/`;
  url = url + i;
  poke_parser(url, function() {
    if (i < counter) {
      do_one(i + 1)
    }
  });

}

function poke_parser(url, foo_then) {
  console.log("before  " + url);
  jQuery.getJSON(url, function(data) {
    console.log("after  " + url);

    if (typeof foo_then === "function") {
      foo_then();
    }
  });
}

赞(0）回复(0）举报 2022-12-12

我来回答

为什么在我的循环之后执行JQuery.getJson？

1条答案

相关问题

热门标签

最新问答