title: Lengthy jQuery AJAX request freezes browser
body: <p>I have an AJAX request, processing of AJAX request is complex and lengthy. The problem is that this lengthy request freezes browser. I mean when AJAX request is in process then no matter if I click any link/button from page or type some Url of same website in browser address bar it does nothing and keep waiting fro AJAX request response, once AJAX response arrives back other processes start working. I am using <strong>async: true</strong> with AJAX request.
  Here is the code I am using. Its a simple page having nothing else but this jQuery AJAX request. My server side PHP.</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head&gt;
      &lt;title&gt;Test Page&lt;/title&gt;
      &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;script type="text/javascript"&gt;
          $(document).ready(function() {
              $.ajax({
                  url: 'http://www.mywebsite.com/doprocessing',
                  async: true,
                  success: function () {
                      alert('done');
                  }
              });
          });
      &lt;/script&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p></p>
  
  <p>Why this is happening? How can I solve this?</p>
  
  <p>PS: Before you mark this duplicate, I have checked almost all similar questions on StackOverflow. No solution is working in my case (though solution in most cases was using <strong>async: true</strong> which I am already doing.</p>
  
  <p>Thanks in advance,</p>