Obtener valor input y enviar mediante post

[agustinpak]

Buenas! Resumo, estoy creando un formulario con dos botones. Y la idea es que al presionar el primer botón "UNO", obtenga el valor que hay en el campo "importe" y lo envie mediante post a "ejemplo.php". Ya de ahí realizo una consulta y muestro el resultado en "salida". Una vez hecho esto, si ejecuto el sumbit del formulario.

Código HTML:

<form action="kiosk.php" method="post" class="form" id="form1"><?php       
 
        <input type="text" name="importe" id="comment" placeholder="IMPORTE DE CARGA" required />
 
         <button class = "enviar" name="boton" id="button-blue" value = 1>UNO</button>
        <input type="submit" value="IMPRIMIR COMPROBANTE" id="button-blue"/>
</form>
 
<div id = "salida"></div>
 

Código Javascript:

<script type="text/javascript">
 
    var botones = document.getElementsByClassName("enviar"),
    total = botones.length,
    salida = document.getElementById("salida");
 
for (i = 0; i < total; i++) {
    botones[i].addEventListener("click", function(){
        var ajax = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP") || new ActiveXObject("Msxml2.XMLHTTP");
 
        ajax.open("POST", "ejemplo.php", true);
        ajax.onreadystatechange = function(){
            if (ajax.readyState == 4) {
                switch (ajax.status) {
                    case 200:
                        salida.innerHTML = ajax.responseText;    
                    break;
 
                    case 404:
                        salida.innerHTML = "La dirección brindada no existe";
                    break;
 
                    default:
                        salida.innerHTML = ajax.status;
                    break;
                }
            }    
        };
 
        ajax.send(this.value);
    }, false);
}        
</script>