Insetar en una BD y mostrar los datos introducidos en el formulario

[Carol_84]

Hola, haber si por favor, alguien puede ayudarme.
Yo en mi página tengo un formulario a través del cual se insertan los datos en la BD cuando se pulsa al boton de "modificar".( el archivo mostrardatospersonales.php hace la actualizacion en la BD)
Pues bien, lo que quiero es quitar el boton del formulario y hacer que cuando se inserten los datos en algún input del formulario, pues que se inserten directamnete en la BD y que además estos datos aparezcan tambien en la misma página sin necesidad de regargarla.
Lo que tengo hecho es:

form id="formulario" name="form1" action ="mostrardatospersonales.php" method = "post">
<blockquote>
<tr>
<td class="label">Nombre</td>
<td><input type= "text" name ="nombre"onchange="pedirDatos()"></td>
</tr>
</br></br>
<tr>
<td class="label">Primer Apellido</td>
<td><input type= "text" name ="apellido1" onchange="pedirDatos()"></></td>
</tr>
</br></br>
<tr>
<td class="label">Segundo Apellido</td>
<td><input type= "text" name ="apellido2" onchange="pedirDatos()"></></td>
</tr>
</br></br>
<input type="submit" name = "modificar" value="Modificar">
<input type="button" value="Cancelar" onclick ="history.go(-1)"/>
</blockquote>
</form>

Luego en la capa en la que se muestra los resultados:

<blockquote>
<div id="resultado">
<blockquote>Sus datos almacenados son: </blockquote>
<p><strong>Nombre </strong></p>
<p><strong>Primer Apellido </strong></p>
<p><strong>Segundo Apellido </strong></p>
<p><strong>Email </strong></p>
<p><strong>Doctor </strong></p>
<p><strong>Tel&eacute;fono</strong></p>
<p><strong>Perfil </strong></p>
</div>

el fichero .js que utilizo es:

function objetoAjax(){
var xmlhttp=false;
try {
xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
} catch (E) {
xmlhttp = false;
}
}
if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
xmlhttp = new XMLHttpRequest();
}
return xmlhttp;
}

function pedirDatos(){
//donde se mostrará el resultado
divResultado = document.getElementById('resultado');
//instanciamos el objetoAjax
ajax=objetoAjax();
//Se utiliza el medoto POST
ajax.open("POST", "ad_lista_usuarios2.php",true);
ajax.onreadystatechange=function() {
if (ajax.readyState==4) {
//se muestran los resultados en esta capa
divResultado.innerHTML = ajax.responseText
}
}
ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
//enviando los valores
ajax.send(null)
}

El problema que tengo es que la función "pedirDatos()", la quiero aplicar para todos los campos del formulario y esta función devuelve null "ajax.send(null)"
Alguien sabe como puede arreglarlo??
Muchas gracias por adelantado!!

[JavierB]

Movido al foro de AJAX desde JavaScript.

Saludos,

[Carol_84]

Vale, ya lo he arreglado, pero de todas las formas gracias

[wanchankein]

podrias decir como lo arreglaste? estoy buscando algo igual para mi web y de ajax no tengo ni idea.

Gracias.

[Carol_84]

Hola: Mira te dejo este enlace que me ayudó mucho. Espero que te sirva de ayuda.
http://www.formatoweb.com.ar/ajax/in...n_recargar.php

Un saludo