no sabía como llamar a mi pregunta y es que después de pasar un par de horas intentando hacerlo por mi cuenta y buscando tutoriales no he podido, recurro a este foro a ver si alguien me echa un cable :(
Lo que busco es agregar un evento a un botón que diga "Loading" mentras se completa la acción por ajax. Específicamente es este botón https://mdbootstrap.com/docs/jquery/components/spinners/ el último que dice click me.
Mi función es la siguiente:
ajaxPost: function(data){
$('#loading').slideDown(250);
//DETERMINAR TIPO DE PRIVACIDAD
privacidad = $('.marcado').attr('data-value');
//
$.ajax({
type: 'POST',
url: global_data.url + '/muro-stream.php?do=post&type=' + muro.stream.type,
data: 'adj=' + muro.stream.adjunto +'&data=' + encodeURIComponent(data) + '&pid=' + $('#info').attr('pid') + '&privacidad=' + privacidad,
success: function(h){
switch(h.charAt(0)){
case '0': //Error
mydialog.alert('Error al publicar', h.substring(3));
break;
case '1': //OK
// ESCONDEMOS SI ES EL PRIMER COMENTARIO
if($('#solouno')) $('#solouno').hide();
//
$('#wall-content, #news-content, #destacados-content, #populares-content, #publico-content').prepend($(h.substring(3)).fadeIn('slow'));
$('#wall').val('').focus();
muro.stream.load('status',$('#stMain'));
$('#privami').find('a').removeClass('marcado');
//$.scrollTo($('#news-content'), 500);
break;
}
$('#loading').slideUp(350);
},
complete: function (){
// LOADER/ STATUS
muro.stream.loader(false);
muro.stream.status = 0;
$('#loading').fadeOut(350);
}
});
},
Mi botón es este:
<button type="button" id="btn-one" class="btn btn-primary" onclick="muro.stream.compartir();">Click me!</button>
Pero lo que no se es dónde o cómo integrar este script del botón:
$('#btn-one').click(function() {
$('#btn-one').html('<span class="spinner-border spinner-border-sm mr-2" role="status" aria-hidden="true"></span>Loading...').addClass('disabled');
});
De antemano gracias por la ayuda :(