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());
    }

<!-- end snippet -->


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

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-html -->

    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>
<!-- end snippet -->

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


<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-html -->

    <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>
<!-- end snippet -->

 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?