Pruebas de la API

<br><br>
Login <br>
<form id="login" action="api/?p=login" method="post">
	<input type="text" name="user" id="user" placeholder="Usuario" required autofocus="">
	<input type="password" name="pass" id="pass" placeholder="Contraseña" required>
	<input type="submit" id="btnEnviar_login" name="btnEnviar_login" value="Login">
</form>

<br><br>
Recuperar contraseña <br>
<form id="recoverpass" action="api/?p=recoverpass" method="post">
    <input type="text" name="user" id="user" placeholder="Usuario" required autofocus="">
    <input type="submit" id="btnEnviar_recoverpass" name="btnEnviar_recoverpass" value="Recuperar Contraseña">
</form>

<br><br>
Nueva contraseña <br>
<form id="nuevopass" action="api/?p=createpass" method="post">
    <input type="text" name="token" id="token" placeholder="Token" required autofocus="">
    <input type="text" name="user" id="user" placeholder="Usuario" required autofocus="">
    <input type="password" name="pass" id="pass" placeholder="Contraseña" required>
    <input type="password" name="repeatpass" id="repeatpass" placeholder="Repetir contraseña" required>
    <input type="submit" id="btnEnviar_nuevopass" name="btnEnviar_nuevopass" value="Nueva contraseña">
</form>

<br><br>
Nuevo usuario <br>
<form id="newuser" action="api/?p=newuser" method="post">
    <input type="text" name="user" id="user" placeholder="Usuario" required autofocus="">
    <input type="submit" id="btnEnviar_newuser" name="btnEnviar_newuser" value="Crear usuario">
</form>


<br><br>
<p class="respuesta"><p>

<script src="https://code.jquery.com/jquery-2.2.2.min.js"></script>


<script type="text/javascript">
$(document).ready(function () {
	// ------------------------------------------------------------------------------------------------------------------------------------------------
	// Script de login
	// ------------------------------------------------------------------------------------------------------------------------------------------------
    $("#login").bind("submit",function(){
        // Capturamnos el boton de envío
        var btnEnviar = $("#btnEnviar_login");
        $.ajax({
            type: $(this).attr("method"),
            url: $(this).attr("action"),
            data:$(this).serialize(),
            beforeSend: function(){
                /*
                * Esta función se ejecuta durante el envió de la petición al
                * servidor.
                * */
                // btnEnviar.text("Enviando"); Para button 
                btnEnviar.val("Enviando"); // Para input de tipo button
                btnEnviar.attr("disabled","disabled");
            },
            complete:function(data){
                /*
                * Se ejecuta al termino de la petición
                * */
                btnEnviar.val("Enviar formulario");
                btnEnviar.removeAttr("disabled");
            },
            success: function(data){
                /*
                * Se ejecuta cuando termina la petición y esta ha sido
                * correcta
                * */
                $(".respuesta").html(data);
            },
            error: function(data){
                /*
                * Se ejecuta si la peticón ha sido erronea
                * */
                alert("Problemas al tratar de enviar el formulario");
            }
        });
        // Nos permite cancelar el envio del formulario
        return false;
    });

    // ------------------------------------------------------------------------------------------------------------------------------------------------
    // Script de recuperar contraseña
    // ------------------------------------------------------------------------------------------------------------------------------------------------
    $("#recoverpass").bind("submit",function(){
        // Capturamnos el boton de envío
        var btnEnviar = $("#btnEnviar_recoverpass");
        $.ajax({
            type: $(this).attr("method"),
            url: $(this).attr("action"),
            data:$(this).serialize(),
            beforeSend: function(){
                /*
                * Esta función se ejecuta durante el envió de la petición al
                * servidor.
                * */
                // btnEnviar.text("Enviando"); Para button 
                btnEnviar.val("Enviando"); // Para input de tipo button
                btnEnviar.attr("disabled","disabled");
            },
            complete:function(data){
                /*
                * Se ejecuta al termino de la petición
                * */
                btnEnviar.val("Enviar formulario");
                btnEnviar.removeAttr("disabled");
            },
            success: function(data){
                /*
                * Se ejecuta cuando termina la petición y esta ha sido
                * correcta
                * */
                $(".respuesta").html(data);
            },
            error: function(data){
                /*
                * Se ejecuta si la peticón ha sido erronea
                * */
                alert("Problemas al tratar de enviar el formulario");
            }
        });
        // Nos permite cancelar el envio del formulario
        return false;
    });

    // ------------------------------------------------------------------------------------------------------------------------------------------------
    // Script de Nueva contraseña
    // ------------------------------------------------------------------------------------------------------------------------------------------------
    $("#nuevopass").bind("submit",function(){
        // Capturamnos el boton de envío
        var btnEnviar = $("#btnEnviar_nuevopass");
        $.ajax({
            type: $(this).attr("method"),
            url: $(this).attr("action"),
            data:$(this).serialize(),
            beforeSend: function(){
                /*
                * Esta función se ejecuta durante el envió de la petición al
                * servidor.
                * */
                // btnEnviar.text("Enviando"); Para button 
                btnEnviar.val("Enviando"); // Para input de tipo button
                btnEnviar.attr("disabled","disabled");
            },
            complete:function(data){
                /*
                * Se ejecuta al termino de la petición
                * */
                btnEnviar.val("Enviar formulario");
                btnEnviar.removeAttr("disabled");
            },
            success: function(data){
                /*
                * Se ejecuta cuando termina la petición y esta ha sido
                * correcta
                * */
                $(".respuesta").html(data);
            },
            error: function(data){
                /*
                * Se ejecuta si la peticón ha sido erronea
                * */
                alert("Problemas al tratar de enviar el formulario");
            }
        });
        // Nos permite cancelar el envio del formulario
        return false;
    });

    // ------------------------------------------------------------------------------------------------------------------------------------------------
    // Script de Nuevo Usuario
    // ------------------------------------------------------------------------------------------------------------------------------------------------
    $("#newuser").bind("submit",function(){
        // Capturamnos el boton de envío
        var btnEnviar = $("#btnEnviar_newuser");
        $.ajax({
            type: $(this).attr("method"),
            url: $(this).attr("action"),
            data:$(this).serialize(),
            beforeSend: function(){
                /*
                * Esta función se ejecuta durante el envió de la petición al
                * servidor.
                * */
                // btnEnviar.text("Enviando"); Para button 
                btnEnviar.val("Enviando"); // Para input de tipo button
                btnEnviar.attr("disabled","disabled");
            },
            complete:function(data){
                /*
                * Se ejecuta al termino de la petición
                * */
                btnEnviar.val("Enviar formulario");
                btnEnviar.removeAttr("disabled");
            },
            success: function(data){
                /*
                * Se ejecuta cuando termina la petición y esta ha sido
                * correcta
                * */
                $(".respuesta").html(data);
            },
            error: function(data){
                /*
                * Se ejecuta si la peticón ha sido erronea
                * */
                alert("Problemas al tratar de enviar el formulario");
            }
        });
        // Nos permite cancelar el envio del formulario
        return false;
    });
});
</script>