Codigo Ajax.
Código:
Formulario:var XMLHttpRequestObject = false; if (window.XMLHttpRequest) { XMLHttpRequestObject = new XMLHttpRequest(); } else if (window.ActiveXObject) { XMLHttpRequestObject = new ActiveXObject("Microsoft.XMLHTTP"); } function pedirDatos(fuenteDatos, divID) { if(XMLHttpRequestObject) { var obj = document.getElementById(divID); obj = document.getElementById(divID); obj.innerHTML = '<br><p style="text-align:center;"><img src="img/gif/gl-loading.gif" /></p><br><br>'; XMLHttpRequestObject.open("POST", fuenteDatos); XMLHttpRequestObject.onreadystatechange = function() { if (XMLHttpRequestObject.readyState == 4 && XMLHttpRequestObject.status == 200) { obj.innerHTML = XMLHttpRequestObject.responseText; } } XMLHttpRequestObject.send(null); } }
Código HTML:
<div id="comentarios"> <form name="form" method="post" onsubmit="pedirDatos('php/frm_newslleter.php','comentarios'); return false" > <label> Ingrese su Nombre<br> <input name="tx_nombre" type="text" class="caja_input" id="tx_nombre" style="width:173px"> </label> <label> Ingrese su E-mail<br> <input name="tx_mail" id="tx_mail" type="text" class="caja_input" style="width:173px"> </label> <div align="right"> <label> <input name="Submit" type="submit" class="boton" value="Registrar"> </label> </div> </form> </div>