Skip to main content
1 de 2
user2930137
  • 1.4k
  • 20
  • 33

Utiliza ajax. La documentación la encuentras aquí: http://api.jquery.com/jquery.ajax/

Tu petición quedaría más o menos así:

$("#idFormulario").submit(function(){
    var data = $(this).serialize(); //O algo así era
    $.ajax({
       url: '/urlDelServlet',
       data: data,
       type: 'POST', //o GET
       error: function() { //En caso que haya error por parte de ajax
          $('#info').html('<p>An error has occurred</p>');
       },
       success: function(data) { //En caso que no lo haya y todo vaya bien
          //data trae la respuesta del servlet. Digamos que en el servlet regresaste un "Ok" si todo se procesó correctamente.
          if(data == "Ok"){
             alert("Todo salió bien, ahora voy a mostrar el otro modal");
             //Cerrar modal 1
             //Poner aquí el código para mostrar el siguiente modal
          } else {
            alert("Algo salió mal en el servlet, no se guardó la info");
          }
       }
      
    });
});

Lo único que cambias en tu servlet es validar si salió todo bien y retornar un "Ok" para cuando salga bien u otra cosa para cuando salga mal. Para poder escribirle una respuesta a ajax necesitas implementar estas líneas en código en vez de tu redirect:

 response.setContentType("text/plain");
    response.setCharacterEncoding("UTF-8");
    response.getWriter().write(variableDelaRespuestaQueContieneOkUOtraCosa);

Si aún tienes dudas puedes leer este post: http://stackoverflow.com/questions/4112686/how-to-use-servlets-and-ajax

user2930137
  • 1.4k
  • 20
  • 33