Skip to main content
4 de 4
se añadieron 328 caracteres en el cuerpo
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;
}

Tengo otro jsp que es el que contiene el menu y es aquí donde llamo al jsp1,

$(document.ready(function(){         
   iniciaModal(); 
 })

function modal(){  
  $("#idModal"  ).modal("show");
}

< li id=" 1"><a  href="#" onclick =" modal()">MODAL</a></li>
  
Y aquí incluyo  el jsp1 
<%@include file="../jsp1.jsp" %>

Y en el jsp1

function iniciaModal(){
}
 <div class="idModal" class="modal-fade">
   Aquí tengo el botón que menciono
</div>

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