javascript - Bind event to jQuery.post and callbacks -

i using jquery.post lot in project , everytime browser sends post request, want show preloader while request in process , stop preloader when reply form server:

var params = {'action':'get_customer_info', 'customerid':4};  preloader.start(); $.post('ajax/url', params, function(response){     preloader.stop();      responsehandler(response); }); 

instead of adding preloader.start() , preloader.stop() lines every time call jquery's post, i'd bind/trigger events on before jqeury.post on success/fail handlers.

i know how bind , trigger events in general, i'm not sure how $.post , handlers.

how do this?

you set global ajax events, way preloader shows on every ajax request

$(document).ajaxsend(function() {     preloader.start(); }).ajaxcomplete(function() {     preloader.stop(); }); 

or create own post function

function post(url, params) {     preloader.start();     return $.post('ajax/url', params, function(response){         preloader.stop();     }); } 

to used like

post('ajax/url', params).done(function(response) {     responsehandler(response); });