Para realizar una petición asíncrona mediante el método POST, tienes que establecer las cabeceras respectivas:
Código Javascript
:
Ver originalajax.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
Por otro lado, si deseas que se envíe mediante AJAX el valor en cuestión cuando pulses el primer botón, solo tienes que asociar el evento
click al mismo, cancelar el evento
submit el cual se dispara cuando se pulsa un botón contenido en un formulario (utilizando el método
.preventDefault), y, finalmente, realizar la petición asíncrona:
Código Javascript
:
Ver originaldocument.querySelector("#button-blue").addEventListener("click", function(event){
event.preventDefault();
//Aquí realizas la petición asíncrona (AJAX)
}, false);
Obviamente vas a tener que dejar de usar ese bucle para que esto funcione o se generará un conflicto.
