crear boton dentro de form y que actue por ajax ignorandolo

[Alexis88]

Claro. Con un ejemplo se entenderá mejor.

Código HTML:

<button class = "enviar" value = 1>UNO</button>
<button class = "enviar" value = 2>DOS</button>
<button class = "enviar" value = 3>TRES</button>
 
<div id = "salida"></div>
 

Código 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);
}
 

Cada vez que se pulse uno de los botones, se ejecutará la petición asíncrona (AJAX), enviando el valor del botón pulsado hacia ejemplo.php. La respuesta de dicha petición se mostrará en el Div de Id "salida".

Saludos