Borrar el formulario una vez formulario enviado

Question

Duplicar posible:
Resetting a multi-stage form with jQuery

vez que el formulario presentado, la respuesta de otra página se imprime a #GameStorySys. Pero los valores ingresados ​​a la forma aún permanecen allí. ¿Es posible que desaparezcan los valores del formulario (pero el formulario debe permanecer) una vez que se envía el formulario?

$("[name='GameStoryForm']").click(function() { 
     $.ajax({ 
      type: "POST", 
       data: $("#GameStoryForm").serialize(), 
       url: "content/commentary/index.cs.asp?Process=EditLiveCommentaryStory&CommentaryID=<%=Request.QueryString("CommentaryID")%>", 
       success: function(output) { 
       $('#GameStorySys').html(output); 
      }, 
       error: function(output) { 
       $('#GameStorySys').html(output); 
       } 
     }); 
}); 

Answer 1

Puede borrar de forma manual, por ejemplo:

$("[name='GameStoryForm']").click(function() { 
    $.ajax({ 
    type: "POST", 
    data: $("#GameStoryForm").serialize(), 
    url: "content/commentary/index.cs.asp?Process=EditLiveCommentaryStory&CommentaryID=<%=Request.QueryString("CommentaryID")%>", 
    success: function(output) { 
     $('#GameStorySys').html(output); 
     $("#GameStoryForm").get(0).reset(); 
     //or manually: 
     // $("#GameStoryForm :input").not(':button, :submit, :reset, :hidden') 
     //       .val('').removeAttr('checked selected'); 
    }, 
    error: function(output) { 
     $('#GameStorySys').html(output); 
    } 
    }); 
}); 

Answer 2

lo haría con javascript:

<script> 
document.getElementById(yourFormId).onsubmit = new Function(){this.reset();} 
</script> 

Answer 3

Si se realiza el restablecimiento de la función de respuesta para consulta AJAX, se no se realizará antes de que la solicitud regrese. Si restablece el formulario en el controlador de eventos onsubmit() (como se sugiere aquí), entonces no se reiniciará (ya que envía la solicitud AJAX en el controlador click(), no en el controlador submit()).

Lo que hay que hacer es realizar el restablecimiento después de emitir la petición AJAX - es decir, después de llamar a $ .ajax() - pero no en su función de devolución de llamada cuando llama solicitud de devolución:

$("[name='GameStoryForm']").click(function() { 
    $.ajax({ 
    type: "POST", 
    data: $("#GameStoryForm").serialize(), 
    url: "content/commentary/index.cs.asp?Process=EditLiveCommentaryStory&CommentaryID=<%=Request.QueryString("CommentaryID")%>", 
    success: function(output) { 
     $('#GameStorySys').html(output); 
    }, 
    error: function(output) { 
     $('#GameStorySys').html(output); 
    } 
    }); 

    $("#GameStoryForm").get(0).reset(); 
});