Hola:
Soy nuevo en esto del ajax y necesitaría que me echasen una mano.
Usando como base este formulario:
http://www.ajaxhispano.com/node/19
Estoy intentando meter un pequeño formulario ajax dentro de un formulario normal, para luego procesarlo en php.
El codigo que estoy usando es el siguiente:
Código HTML:
Este ejemplo enviará datos por método post y los pondrá la capa de abajo:<br><br>
<div style="text-align: center;">
<form name="formulario" action="pasardatos.php" method="post">
<form method="post">
<div style="paddi">
Campo1:<input type="text" id="campo1" value="valor1" />
</div>
<div style="text-align=top;">
Campo2:<input id="campo2" value="valor2">
</div>
<div>
<input type="button" value="enviar" onClick="FAjax('ajax.php','capaContenedora','campo1='+document.getElementById('campo1').value+'&campo2='+document.getElementById('campo2').value,'POST'); return false">
</div>
</form>
<input type='submit'id='insertar' value='Insertar' onclick="document.formulario.submit()" />
</form>
</div>
<div id="capaContenedora">Capa que recibirá los datos</div>
Resulta que la parte del ajax funciona sin problemas, pero a la hora de dar al boton insertar no funciona.
¿Como lo puedo solucionar?
Muchas Gracias