Código ajax:
Ver original
function objetoAjax(){ var xmlhttp=false; try { xmlhttp = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { try { xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); } catch (E) { xmlhttp = false; } } if (!xmlhttp && typeof XMLHttpRequest!='undefined') { xmlhttp = new XMLHttpRequest(); } return xmlhttp; } $(document).ready(function() { $("#iMatricula").submit(function() { $("#consultapago").removeClass().text('').addClass('loadingbox').fadeIn(1000); $.post("consultaAlumno.php",{ matricula:$('#matricula').val(),rand:Math.random() } ,function(data) { if(data=='yes') { $("#consultapago").fadeTo(200,0.1,function() { $(this).html('Iniciando sesión...').addClass('consultaok').fadeTo(900,1, function MostrarConsulta(datos){ divResultado = document.getElementById('resultado'); ajax=objetoAjax(); ajax.open("GET", datos); ajax.onreadystatechange=function() { if (ajax.readyState==4) { divResultado.innerHTML = ajax.responseText } } ajax.send(null) }); }); } else { $("#consultapago").fadeTo(200,0.1,function() { $(this).html('Verifica la matricula, aun no se registran datos.').addClass('consultaerror').fadeTo(900,1); }); } }); return false; }); $("#matricula").focus(function() { $("#consultapago").removeClass().text(''); }); });
Lo que quiero hacer es que me muestre mensajes dependiendo del estado de la consulta, si envia la conuslta debe de cargar la clase loadingbox (que ya editado en css seria un gif de carga), si la consulta es correcta quita la clase y muestra la consulta... de lo contrario muestra la clase consultaerror y dice que verifique el dato, y posisionandose de nuevo en el input para volver a realizar la consulta limpia de nuevo las clases.
no se si este bien por que tiene jquery y ajax, si esta mal como paso todo el codigo a ajax o a jquery?