Ajax - beforeSend()
$.ajax({ type: 'get',
url: './test.json',
data: [{'key': 'hoge'}], // {'name': 'key', 'value': 'hoge'} とも書ける
dataType: 'json',
beforeSend: $.blockUI,
statusCode: {
200: function() {
alert('200');
},
400: function() {
alert('400');
}
}
}).done(function(data){
alert('done');
}).fail(function(data){
alert('fail');
}).always(function(data){
$.unblockUI();
});
$.blockUI = function(){
$.ark.blockUI({
css: {
'background-color':'transparent',
'border':'none'
},
overlayCSS: {
'opacity':0.7,
'background-color':'#efefef'
},
message: '<div style="width:21px;height:21px;margin:0 auto;"><img src="resources/img/loader.gif" /></div>'
});
};