Duda con $.ajax y post

vesper_metal90 · #1 (**permalink**) 08/05/2013, 00:40

tengo una super duda ya me estoy desesperandoooo

tengo este script jquery

Código:

$(function(){
    $("#formulario").submit(function(){ 
        $.ajax({
            url:"recibirForm.php",
            type:"POST",
            data: $("#formulario").serialize(),
            success:function(data){
                $("#contenido").html(data);
            },
            error:function (){
                alert("Datos no enviados Correctamente");
            }
        });
       
    });
    
});

formulario.php

Código HTML:

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Probando</title>
        <script type="text/javascript" src="../../js/jquery-1.8.2.js"></script>
        <script type="text/javascript" src="ajax.js"></script>
    </head>
    <body>
        <div id="contenido" style="border: solid black 1px;"></div>
        <form style="width: 25%;" id="formulario">
            <fieldset>
                <legend>Probado codigo</legend>
                <label>Nombre</label><input type="text" name="Nombre" id="nombre"/><br/>
                <label>Edad </label><input type="text" name="Edad" id="apellido"/><br/>
                <input type="submit" value="Enviar" id="Enviar"/>
            </fieldset>
        </form>
        <?php
        // put your code here
        ?>
    </body>
</html>

recibirForm.php

Código PHP:

  
<?php 
 
@$Nombre = $_POST["Nombre"]; 
@$Edad = $_POST["Edad"]; 
 
echo "Gracias por enviar tus datos: Nombre ".$Nombre." y su edad ".$Edad; 
 
?>

Es problema esta que no puedo enviar los datos a recibirForm.php que capture ya me fastidie de buscarle no se por que nunca envia los datos....

Se los agradeceria muchisimos si alguien me pudiera dar un mano....SALUDOS

newboy_master · #2 (**permalink**) 08/05/2013, 01:18

Te añado una línea que te vendrá bien en tu código:

Código Javascript:

Ver original$(function(){
            $("#formulario").submit(function(){ 
                $.ajax({
                    url:"recibirForm.php",
                    type:"POST",
                    data: $("#formulario").serialize(),
                    success:function(data){
                        $("#contenido").html(data);
                    },
                    error:function (){
                        alert("Datos no enviados Correctamente");
                    }
                });
                return false;
               
            });
            
        });

Se evita el envío del formulario con "return false" ya que el evento submit por defecto es lo que hace, hay que decirle que se esté quieto en este caso.

Salu2.

vesper_metal90 · #3 (**permalink**) 08/05/2013, 01:28

Muchísimas pero muchísimas gracias amigo eso era el problema no lo tenia contemplado +1