Tengo un formulario común html que lo envio con jquery + ajax a un php y este retorna un nuevo formulario, la idea seria que este formulario también se envie cuando se complete via ajax al servidor y si hay otro formulario que lo recoja y lo muestre y asi sucesivamente hasta que no haya mas formularios.
El problema esta en que el primer formulario lo carga perfecto, se envia via ajax y se recive el nuevo formulario. El problema empiza apartir de ese momento, El nuevo formulario no se envia via ajax sino que se envia a la misma pagina... (cosa que no quiero). Esto es como si jquery no lo viera o como si no existiera. acontinuacion le adozo los codigos.
Código:
$("#btnProcesar").click(function (){ $.ajax({ type: "POST", url: "'.links(2,$Usuario->nombre,'process').'", data: $("#frmInvitacion").serialize() + "&btnProcesar=btnProcesar", dataType: "script", beforeSend: function(objeto){ $("#invitaciones").html("Mensaje: Cargando..."); }, success: function(msg){ $("#invitaciones").html(msg); }, error: function(objeto, quepaso, otroobj){ alert("ERROR!! La Put... madre. Pasó lo siguiente: "+quepaso); } }); });
Código HTML:
<form name="frmInvitacion" id="frmInvitacion" method="POST"><div class="f1"> <h3><a href="http://epa.casi.se.ve.mi.ip/tuerto">�Queres ser amigo/a de: tuerto?</a></h3> <div class="f2"><img src="img/sin-avatar.jpg" width="100" height="75"></div> <div class="f3"><span><img src="img/flags/13.png" alt="bandera" width="36" height="36"></span> <span>Buenos Aires</span> <span>Gesell</span> </div> <div class="f4"> <span>Sexo: Hombre<img src="img/hombre.gif" alt="hombre" width="17" height="16"></span> <span>Edad: 9 años</span> <span>Estado:Off-Line <img src="img/off.png" alt="offline" width="10" height="10" border="0"></span> <br> <label><input type="radio" name="c_10" value="1" checked="checked" />Si</label> <label><input type="radio" name="c_10" value="0" />No</label> </div> </div><div class="f1"> <h3><a href="http://epa.casi.se.ve.mi.ip/otro">�Queres ser amigo/a de: otro?</a></h3> <div class="f2"><img src="img/sin-avatar.jpg" width="100" height="75"></div> <div class="f3"><span><img src="img/flags/13.png" alt="bandera" width="36" height="36"></span> <span>0</span> <span>algo</span> </div> <div class="f4"> <span>Sexo: Hombre<img src="img/hombre.gif" alt="hombre" width="17" height="16"></span> <span>Edad: 27 años</span> <span>Estado:Off-Line <img src="img/off.png" alt="offline" width="10" height="10" border="0"></span> <br> <label><input type="radio" name="c_9" value="1" checked="checked" />Si</label> <label><input type="radio" name="c_9" value="0" />No</label> </div> </div><div class="f1"> <h3><a href="http://epa.casi.se.ve.mi.ip/moncho">�Queres ser amigo/a de: moncho?</a></h3> <div class="f2"><img src="img/sin-avatar.jpg" width="100" height="75"></div> <div class="f3"><span><img src="img/flags/2.png" alt="bandera" width="36" height="36"></span> <span>0</span> <span>fty</span> </div> <div class="f4"> <span>Sexo: Mujer<img src="img/mujer.gif" alt="mujer" width="14" height="16"></span> <span>Edad: 8 años</span> <span>Estado:Off-Line <img src="img/off.png" alt="offline" width="10" height="10" border="0"></span> <br> <label><input type="radio" name="c_8" value="1" checked="checked" />Si</label> <label><input type="radio" name="c_8" value="0" />No</label> </div> </div><br><button name="btnProcesar" id="btnProcesar">Procesar</button></form>