title: Ajax Async False Freeze
body: <p>Current code</p>
  
  <p><strong>Updated</strong>
  I need the bellow to work with async false as on async true some uploads do not hit the server. The UI just needs to not freeze with async false. Or need a way I can control the que? </p>
  
  <pre><code>$("#goLive" ).click(function() {
          //This is fadein Spinner only apears at end of upload?
          $('.containerFixed').fadeIn();
  
          var subMit = "{{$client-&gt;website}}/api/key/{{$client-&gt;apikey}}/push";
  
          var i = 0;
  
          $.each(Data, function(key, value) {
  
              $.ajax({
                  type: 'POST',
                  contentType: 'application/json',
                  url: subMit,
                  async : false,
                  dataType: "json",
                  data: JSON.stringify(Data[key]),
                  success: function(){
  
                     i++;
                      console.log(i, Data.length);
                     if(i &gt;= Data.length){
  
                         $('.containerFixed').fadeOut();
                     }
                  },
                  error: function(){
                      i++;
                      console.log(i, Data.length);
                      console.log('Connection Failed');
  
                      if(i &gt;= Data.length){
  
                          $('.containerFixed').fadeOut();
                      }
  
                  }
  
              });
          });
  </code></pre>