Loading Screen for Ajax request using jQuery.blockUI.js

blockUI

jQuery(function(){
  $.ajax({
                async:true,
                type:'get',
                beforeSend:function(request) {
                  $.blockUI({ css: {
                     border: 'none',
                     padding: '15px',
                     backgroundColor: '#000',
                       '-webkit-border-radius': '10px',
                       '-moz-border-radius': '10px',
                     opacity: .5,
                     color: '#fff'
                  }});
                },
                complete:function(request, json) {

                },
                url: url,
                dataType: 'json',
                success: function(data){
                    $.unblockUI()
                }
   })
});