title: Is it okay to use async: false if calling for small data?
body: <p>I'm mainly asking this to know what's the best practice with regards to getting small data from the server.</p>
  
  <p>Like for one example, I'm using an ajax(or sjax. lol) call to check if there are new Notifications for a user</p>
  
  <pre><code>    function checkNewNotifs() {
          $.ajax({
              url: '/Home/CheckNewNotifications',
              async: false,
              success: function (data) {
                  if (data == 'True') {
                      $('#alert-icon').css('color', '#FF4136');
                  }
              }
          })
      }
  </code></pre>
  
  <p>It gets the job done, but I'm thinking if there's a better way of achieving this? </p>
  
  <p>I'm mainly using ASP.NET MVC 4/5 as of the moment to provide context.</p>
  
  <hr>
  
  <p><strong>Edit:</strong>
  For the future ajax beginner readers like myself, the proper way of achieving something similar to this is through <code>.done()</code> I haven't completely grasped the idea of ajax yet, but a lot can be done through the following call:</p>
  
  <pre><code>    function checkNewNotifs() {
          $.when(
              $.ajax({
                  url: '/Home/CheckNewNotifications',
                  success: function (data) {
                      //do data manipulation and stuff.
                  }
              })).done(function() {
                  //append to view
              })
      }
  </code></pre>
  
  <p><strong>tl;dr async: false = bad</strong></p>