ajax - Waiting for 2 AJAX request to complet (d3.js) whit optimize the temp waiting?

Question

I need 2 ajax request are complet before run the callback function RUN_ACTIONS() of the first request, but how waiting it ( whit optimize the temp waiting )?

function ajax() {
 d3.tsv( ajaxUrl,
        function(data) {
            while (!secondAJAXQueryComplet());
            RUN_ACTIONS(HEADER, data);
        }
  );
  d3.json( ajaxUrl,
        function(header) {
            define_Header(header);
        }
  );
 }

Answer 1

你不这样做，你使用一般的回调概念：

function dostuff(callWhenDone) {
  // ...
  d3.tsv(ajaxUrl, function callWhenTSVCompletes(data) {
    // ...
    d3.json(ajaxUrl, function callWhenJSONCompletes(header) {
      //...
      callWhenDone(); // now we're done.
    });
  });
}

Answer 2

使用此代码，我同时运行 2 个 AJAX 查询并等待最后一个答案，然后再运行我的回调函数 RUN_ACTIONS()。但这种方法在我看来不是很优雅

function ajax() {
  var ready=false,
      datatsv=false;

  d3.tsv( ajaxUrl,
        function(data) {
            if (ready)
                RUN_ACTIONS(HEADER, data);
            else {
                ready=true;
                datatsv=data;
            }
        }
   );
   d3.json( ajaxUrl,
        function(header) {
            define_Header(header);
            if (ready)
                RUN_ACTIONS(header, datatsv);
            else {
                ready=true;
            }
        }
   );
 }