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?