Skip to main content
1 de 4
Root93
  • 1.1k
  • 15
  • 50
  • 98

Como hacer un submit a un jsp desde una ventana modal?

Tengo el siguiente método en mi controller que recupera datos de una consulta que tengo en otros metodos

@RequestMapping(value= "/obtenerDatos")
public void obtener(HttpServletRequest, HttpServletResponse, Model model){

Object attribute = (Object) request.getSession().getAttribute("listDatos");
List<Factura> factura = (List<Factura>)attribute;

Object attribute2 = (Object) request.getSession().getAttribute("listDatos1");
List<Cliente> cliente = (List<Cliente>)attribute2;

model.addAtribute("listDatos",factura.get(0).getValor());
model.addAtribute("listDatos1",cliente.get(0).getValor());
}

Tengo en mi jsp1 un modal con un boton, el cual manda a llamar a la siguiente funcion:

function obtenerDatos(){

  $.ajax({
    type: "POST",
    content-type: "applicaction/json",
    url: "${pageContext.servletContext.contextPath}/obtenerDatos"
    error: function (e){
    console.log("ERROR", e);
    },
    done: function (e){
      console.log("DONE", e);
    }
  });
}


<button type="button" onclick="obtenerDatos()"></button>

Entonces a la hora de dar click en el boton, entra a mi método de mi controller y en otro jsp2, recupero esos datos de la siguiente manera y realizo una operación

<input type="hidden" id="valor1" name="valor1" value="${factura.get(0).getValor()}">

<input type="hidden" id="valor2" name="valor2" value="${cliente.get(0).getValor()}">

function sumar(){
  var num1 = parseInt($(#valor1).val());
   var num2 = parseInt($(#valor2).val());

   var total = num1 + num2;
  
  document.getElementById("inputTotal").value=total;
}

y si me pinta el resultado de la suma en mi input, pero lo hace hasta que recargue la pagina, o sea en el primer jsp tengo el modal con el boton que mencione, y al hacer click recupera los datos del controlador y los recupera en otro jsp para mostrar la operación, y lo que quiero que haga es que al dar click en el boton y al cerrar el modal, el resultado ya me aparezca, y que no tenga que andar recargando la pagina para ver el resultado

como le puedo hacer? Como se implementa el ajax para que haga esta acción que quiero?, o como hago un submit al jsp2, con el boton que tengo en mi modal del jsp1?

Root93
  • 1.1k
  • 15
  • 50
  • 98