title: PHP Multiple Ajax requests: First request block second request
body: <p>I've got 2 ajax requests on one page. I ran first request and separately start second one. But second one stops working after the first has been run. And continue when first is over. 
  First requst take long time - something like 30 - 60 seconds and in this time I need second request to show logs what happens with first request. I try to use async: true but it's not help me.</p>
  
  <p>Here it's my code</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      var auto_refresh = setInterval( function()
          { asyncGet('log.php') }, 1000
      );
  
      function asyncGet(addr) {
          $.ajax({
              url: addr,
              async: true,
              success: function (response) {
                  $('#loadLog').html(response);
              }
          });
      }
  
      function getConn(addr) {
          $.ajax({
              url: addr,
              async: true,
              success: function (response) {
                  stopGet();
              }
          });
      }
  
  
  &lt;/script&gt;
  
  &lt;div id="loadLog" class="lLog"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>and I call first ajax request in this way: getConn('main.php'); from function when press button.
  Second request it's running, but not show respons before first request complete.</p>
  
  <p>I wil attach image from firebug.
  main.php - is request that take longer time.
  log.php - is the logger that is blocked.</p>
  
  <p><img src="https://i.stack.imgur.com/gZ6iw.png" alt="enter image description here"></p>
  
  <p>Would really appreciate some pointers to where I'm going wrong</p>