. getjson请求永远不会退出

Question

我遇到一个问题，其中. getjson请求没有抛出任何错误，或任何东西，它成功地进入回调函数(这对我说请求成功，是吗?)，但从未退出。整个回调函数被执行，数据被正确读取，但它永远不会退出。

函数getResult(选项){

     console.log("inside getResult");
        $.getJSON(yql, function(data){
          console.log("inside getJSON");
          var directions = '';
          $(data.query.results.div).each(function(i,element){
            htmlimg=(typeof(element.img) != 'undefined') ? '<img src="'+element.img.src+'" alt="'+element.img.alt+'">' : '';
            switch(typeof(element.p)){
              case 'undefined':
                htmlp = '';
                break;
              case 'string':
                if(element.p == 'Alternative routes:'){
                  //end looping
                  return false;
                }
                htmlp = '<p>' + element.p + '</p>';
                break;
              case 'object':
                function showhtmlp(element){
                  var s = '';
                  if(typeof(element.content != 'undefined')){
                    s += element.content;
                  }
                  if(typeof(element.a) != 'undefined'){
                    s += element.a.content;
                  }
                  if(typeof(element.br) != 'undefined'){
                    s+='<br>';
                  }
                  return s
                }
                htmlp = '<p>';
                if(typeof(element.p[0]) != 'undefined'){
                  $(element.p).each(function(i, data){
                    htmlp += showhtmlp(data);
                  });
                } else {
                  htmlp += showhtmlp(element.p);
                }
                htmlp += '</p>';
                break;
            }
            directions += '<div>'+htmlimg+htmlp+'</div>';
    console.log("Directions: ");
    console.log(directions);
          });
    console.log("OUT OF DIRECTIONS EACH FUNCTION/LOOP");
          directions += '<div><a href="' + data.query.diagnostics.url.content + '" target="_blank" title="See on Google Maps"><img src="images/link.png" alt="Link" class="smallicon">View trip on Google Transit</a></div>';
    console.log("step1");
          trip.transit.routes[option].directions = directions;
    console.log("step2");
          $('#transitoption'+option).html(directions);
    console.log("step3");
        });//end of .getJSON
    console.log("out of JSON");
      }//end of getResult?
    console.log("out of Result");
      getResult(option);

输出"before end"的console.log命令。不会抛出错误。但是，它永远不会到达console.log中的"out of JSON"。

当我试图使用控制台进行调试时，我看到它卡在jquery.min.js代码的一部分中，虽然最小化，但我可以告诉它有"abort"one_answers"timeout"这样的词。

我对ajax请求比较陌生，所以请非常具体。

yql变量为

http://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20html%20where%20url%3D%22http%3A%2F%2Fmaps.google.com%2Fm%2Fdirections%3Fsaddr%3D37.78414%2C%2B-122.44108%26daddr%3D37.61688%2C%2B-122.38400999999999%26dirflg%3Dr%26ri%3D0%26date%3D2011-09-02%26time%3D9%3A21pm%22%20and%20xpath%3D'%2F%2Fdiv%2Fdiv'&format=json&diagnostics=true

Answer 1

您意识到JSON调用是异步的吗?这意味着当您调用getJSON时，您只是在初始化ajax调用。该函数将立即返回(并且您应该在其他任何语句之前立即看到"out of JSON"(除非您有JS错误)。然后，当ajax调用稍后成功时，您应该看到来自成功处理程序函数的"inside getJSON"one_answers"before end"。如果您没有看到这些，那么您可能在某个地方有一些javascript错误，正在停止执行。你应该检查你的错误控制台或调试器控制台来查找JS错误。

我的猜测是，要么你不理解事情发生的顺序，这让你感到困惑，要么你有JS错误，暂停执行。

如果你把getJSON调用的整个代码贴出来，也可以帮助我们识别问题。