As a junior programmer, I am trying to update the value of an input type text within a Struts2 iterator without refreshing the entire page. I believe using JSON could be a solution for this issue.
Here is my JSP code:
<input type="text" name="cantidad" id="cantidadIndividual" readonly="readonly" value="<s:property value="#a.cestaUnidades"/>">
<img src="../Imagenes/Administracion/Signo_Mas.png" id="mas" onclick="MasMenosCantidad('+',<s:property value="#a.cestaUnidades"/>,<s:property value="#a.cestaId"/>,<s:property value="#a.ropaStock.rostockUnidades"/>);"/>
<script>
function MasMenosCantidad(valor,cantidad,id,stock){
document.getElementById("clave").value = id;
if(valor == '+'){
cantidad++;
}
if(valor == '-'){
cantidad--;
}
if(cantidad <= stock){
document.getElementById("cantidadIndividual").value = cantidad;
usarAJAXCantidad(id,cantidad);
} else {
if(valor == '-'){
document.getElementById("cantidadIndividual").value = stock;
usarAJAXCantidad(id,cantidad);
} else {
alert("Stock excedido");
}
}
}
function usarAJAXCantidad(clave,cant){
$.getJSON('ajaxCantidad', {
clave : clave,
cantidad : cant
}, function(jsonResponse3) {
var nuevaCantidad = $('#cantidadIndividual');
$.each(jsonResponse3.stateMap3, function(key, value) {
nuevaCantidad.value = value;
});
});
}
</script>
The Struts.xml configuration:
<action name="ajaxCantidad" class="Acciones.HomeCesta" method="ajaxCantidad">
<result type="json">
<param name="excludeNullProperties">true</param>
<param name="noCache">true</param>
</result>
</action>
In HomeCesta.java:
public String ajaxCantidad() throws Exception {
c = ControladoresDAO.cCesta.RecuperaPorId(clave);
c.setCestaUnidades(cantidad);
ControladoresDAO.cCesta.Modifica(c);
stateMap3.clear();
stateMap3.put("", ""+cantidad);
return SUCCESS;
}
My current issue is that when clicking on multiple buttons with the image Signo_Mas.png, only the first input field with id "cantidadIndividual" gets updated. The subsequent clicks do not refresh the correct input field.