title: How to stop Jquery Ajax “pages unresponsive you can wait for it to become responsive or exit the page” popup error in chrome browser
body: <p>I have popup issue with Google Chrome browser.<br />
  I am using .Net MVC ajax method, The ajax call to server(controller) side and it take long time execution (50 sec to 2 mins and above).<br />
  This time Chrome browser shows &quot;pages unresponsive, you can wait for it to become responsive or exit the page&quot; error popup message.<br />
  I'm searching many website.Still i didn't get any solution regarding this.</p>
  <p>some website says:<br />
  <strong>async: false</strong>   change to  <strong>async: true</strong></p>
  <p><strong>async: true</strong> change means its working fine. But <strong>async: true</strong> means first ajax call execute (success function) response before going to next statement.<br />
  Next next statement execute after finally comes first ajax success function response.<br />
  so I need first ajax call execute and when (success function) response return  after goto next statement and
  how to stop  “pages unresponsive you can wait for it to become responsive or exit the page” popup window error in chrome browser.<br />
  <a href="https://i.stack.imgur.com/sTRc4.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/sTRc4.png" alt="enter image description here" /></a>
  ajax Code:</p>
  <pre><code>$.ajax({
          url: &quot;../Report/MonthlyOrder&quot;,
          type: &quot;POST&quot;,
          async: false,
          //async: true,
          dataType=&quot;json&quot;,
          data:{FromDate:fromDate,ToDate:toDate},
          success: function (response) {
               //.......
          }
      });
  
      //Next Staement
      //function 1
      //function 2
      
      
  </code></pre>
  <p>Please help me ...!
  Thanks in Advance....</p>