1

Este es mi Script para el envío de datos mediante AJAX.

Me funciona todo bien, pero los valores de mi formulario, después de enviarlo, no se borran.

¿Sabías que tengo que añadir para borrar el texto del formulario, una vez enviado?

<script type="text/javascript">
$(document).ready(function(){
    $('#btnguardar').click(function(){
        var datos=$('#frmajax').serialize();
        $.ajax({
            type:"POST",
            url:"insertar.php",
            data:datos,
            success:function(r){
                if(r==1){
                    alert("agregado con exito");
                    //¿Aquí iría el borrar contenido del formulario no?

                }else{
                    alert("Fallo el server");
                }
            }
        });

        return false;
    });
});
</script>

3 respuestas 3

3

Saludos se me ocurre que el val o value de cadas input lo regreses a "" es decir sin un valor, del modo siguiente:

$(document).ready(function(){
    $('#btnguardar').click(function(){
        var datos=$('#frmajax').serialize();
        $.ajax({
            type:"POST",
            url:"insertar.php",
            data:datos,
            success:function(r){
                if(r==1){
                    alert("agregado con exito");
                    //así le indicarías que después de tener un procesamiento exitoso limpie los inputs
                    $('#campoUno').val('');
                    $('#campoDos').val('');
                }else{
                    alert("Fallo el server");
                }
            }
        });

        return false;
    });
});

Aclaraciones

Los inputs desde javascript o jquery los vas a invocar o por su id o por su clase como puedes notar en el ejemplo; entonces le indicas que acceda al método val() y le indicas que como parámetro quede sin contenido val('')

Ahora bien al final para devolver el focus o cursor a un campo específico pudieras probar con el método del mismo nombre mas o menos así:

$('#campoUno').focus()

Saludos espero ser de ayuda

3
  • sii, perfecto, gracias!
    – Vidal
    Commented el 17 mar. 2018 a las 17:33
  • si lo se, pero no puedo marcarla hasta después de 8 minutos, dentro de un minuto ya se cumple :) gracias por la ayuda
    – Vidal
    Commented el 17 mar. 2018 a las 17:41
  • te agregue un dato mas a la respuesta espero te sea útil
    – user75901
    Commented el 17 mar. 2018 a las 17:43
1

Sí, en ese lugar iría el código. Para limpiar el formulario deberías agregar el siguiente código:

document.getElementById("frmajax").reset();
0

Puedes hacerlo de la siguiete manera:

$(function(){
    form = $("#frmajax");
    form.submit(function(event){
        event.preventDefault();
        $.ajax({
            type: "POST",
            url: "insertar.php",
            data: $(this).serialize(),
            success: function (r) {
                if (r == 1) {
                    alert("agregado con exito");
                    form[0].reset(); //Limpiar el formulario
                } else {
                    alert("Fallo el server");
                }
            }
        });
    });
});

Para que funcione debes agregar un input tipo 'submit', la línea de código que limpia el formulario está comentada.

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.