Envio de valor de un boton atravez de un formulario jquery

ranchoteca · #1 (**permalink**) 13/04/2012, 15:18

Hola, estoy tratando de enviar los datos de un formulario mediante jquery y ajax, estoy usando este codigo que me encontre por ahi:

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Enviar formulario sin recargar</title>
<script language="javascript" src="jquery-1.3.min.js"></script>
<script language="javascript">

Código:

<script language="javascript" src="jquery-1.3.min.js"></script>
<script language="javascript">
$(document).ready(function() {
    $().ajaxStart(function() {
        $('#cargando').css("display", "inline");
        $('#result').hide();
    }).ajaxStop(function() {
        $('#cargando').css("display", "none");
        $('#result').fadeIn('slow');
    });
    $('#form, #fat, #fo3').submit(function() {
        $.ajax({
            type: 'POST',
            url: $(this).attr('action'),
            data: $(this).serialize(),
            success: function(data) {
                $('#result').html(data);

            }
        })
        
        return false;
    }); 
})  
</script>
<style type="text/css">
<!--
body,td,th {
	color: #333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
fieldset {
	width:380px;
	margin:auto;
}
#result {
	width:280px;
	padding:10px;
	border:1px solid #bfcddb;
	margin:auto;
	margin-top:10px;
	text-align:center;
}
#cargando {
	width:280px;
	margin-top:20px;
	margin-left:570px;
}
-->
</style></head>

Código HTML:

<body>
<form method="post" action="envio.php" id="fo3" name="fo3" >
      <fieldset>
      	<legend>Perfil</legend>
        <ol>
        	<li><label>Nomb:</label><input type="text" size="30" name="fnombres" /></li>
            <li><label>Apellidos:</label><input type="text" size="30" name="fapellidos" /></li>
            <li><label>Correo:</label><input type="text" size="30" name="fcorreo" /></li>
        </ol>
        
        <input type="submit" name="mysubmit" value="Buscar" />
      </fieldset>
</div>
</form>
<div id="result"></div>
<div id="cargando" style="display:none; color: green;"><img src="cargave.gif" /></div>
</body>
</html>

Código PHP:

  sleep(2); 
//$primera = $_POST['boton_1']; 
$segunda = $_POST['mysubmit']; 
echo "Tus datos fueron enviados correctamente <b>".$_POST['mysubmit']."</b>"; 
 
if($segunda == "Buscar"){ 
echo "Tus datos fueron enviados correctamente <b>".$_POST['fnombres']."</b>"; 
}

El problema es que no me envia el valor del boton buscar, pero si me envia los datos de los otros campos del formulario...

Agradeceria sus comentarios....

kokoou · #2 (**permalink**) 13/04/2012, 18:11

El valor del boton buscar? el boton es un input de tipo submit que se usa para enviar el formulario y el atributo "value" es para indicar el texto del boton, pero ese value nunca se va a enviar en el submit.

ranchoteca · #3 (**permalink**) 14/04/2012, 09:47

Bueno, resulta que si utilizo php puro sin jquery, si me manda el valor del boton.
Lo que necesito es saber el valor del boton que se presiono ya que dependiendo de cada boton presionado, se realiza una u otra accion!!

Alguna sugerencia?

kokoou · #4 (**permalink**) 16/04/2012, 08:01

Una de las soluciones más tipicas a eso es poner un input hidden que tenga el valor de la accion que quieras ejecutar y en el submit, modificas el input hidden acorde a la acción que queres ejecutar y luego en el php tomas el valor de ese input

Código HTML:

Ver original<input type="hidden" id="action" value="" />

Código Javascript:

Ver original$("#id_form").submit(function(){
    $("#action").val("la accion que quiera");
    // envio el formulario y el valor de "#action" tiene
    // la accion que voy a ejecutar.
});

quico5 · #5 (**permalink**) 01/05/2012, 11:27

me gusta este sistema del que habláis, y mi servidor soporta php-mail(), ¿pero? ¿no hay función mail en este ejemplo?

creo que ya lo entiendo, voy a probar a recoger datos y aplicar un mail()

gracias