Manda valores post por Jquery

[christianrojmag]

Saludos amigos del foro, tengo una gran duda de como mandar valores de un formulario a un archivo php para que los procese y no refresque la pagina, asi como usar jquery...aqui estan mi formulario

Código HTML:

<form name="a_equipo" method="post" action="registro_equipo.php">
<table border="1" align="center">
	<tr>
    	<td colspan="2" align="center">ALTA DE EQUIPOS</td>
	<tr>
    	<td width="194">Seleccione el Dispositivo</td>
        <td width="41"><select style="width: 200px;" name="disp" autofocus required>
		<option selected="selected">Dispositivo...</option><?php
while($row = mysql_fetch_array($consulta)){
	echo "<option value=\"".$row['nombredispositivo']."\">".$row['nombredispositivo']."</option> \n";
}
?></select></td>
    </tr>
    <tr>
    	<td>ID Dispositivo</td><td><input type="text" name="ideq" size="30" maxlength="10"/required></td>
    </tr>
    <tr>
    	<td>Numero de Inventario</td>
    	<td><input type="text"  name="numinv" size="30" maxlength="15" required></td>
    </tr>
	<tr>
    	<td>Numero de Serie</td><td><input type="text"  name="nums" size="30" maxlength="30"/required></td>
    </tr>
    <tr>
    	<td>Marca</td><td><input type="text" name="marca" size="30" required></td>
    </tr>
     
  <tr>
    	<td>Sistema Operativo</td><td><select style="width:200px;" name="sistop" required>
        <option selected="selected">Selecciona el SO...</option>
        <option value="Windows 8">No tiene</option>
        <option value="Windows 8">Windows 8</option>
        <option value="Windows 7">Windows 7</option>
        <option value="Windows Vista">Windows Vista</option>
        <option value="Windoes XP">Windows XP</option>
        <option value="Linux">Linux</option>
        </select></td>
    </tr>
  <tr>
    	<td>Estado del dispositivo</td><td><select style="width:200px;" name="estdisp">
        <option selected="selected">Selecciona el estado...</option>
        <option value="Nuevo">Nuevo</option>
        <option value="Regular">Regular</option>
        <option value="Malo">Malo</option>
        </select></td>
    </tr>
	<tr>
    	<td align="center"><input type="submit" value="Grabar" /></td><td align="center"><input type="reset" value="Reset" name="borrar" /></td>
	</tr>
   
</table>
 </form> 

y mi archivo php
registro_equipo.php

Código PHP:

  $dispositivo=$_POST['disp'];
$idequipo=$_POST['ideq'];
$numinventario=$_POST['numinv'];
$numserie=$_POST['nums'];
$marca=$_POST['marca'];
$sistemadisp=$_POST['sistop'];
$estadodispositivo=$_POST['estdisp'];
 
 
$sql="insert into equipo (idequipo, dispositivo, numinventario,numserie, marca, so, estado) values ('$idequipo','$dispositivo','$numinventario','$numserie','$marca','$sistemadisp','$estadodispositivo')";
        $consulta= $db->consulta($sql);
 
echo "$sql"; 
   

mi gran duda y que realmente estoy estancado es como hacer para que envie los valores de las cajas de texto por jquery y solo me salga un mesaje de registro dado de alta...gracias, espero puedan ayudarme

[skiper0125]

Hola que tal.

Te dejo un ejemplo básico de como lo puedes hacer, también te recomiendo que leas la documentación oficial de JQuery para que entiendas los métodos que tiene disponibles la función de ajax

http://api.jquery.com/jQuery.ajax/

Código HTML:

<form action="">
    <input type="text" name="nombre" id="nombre">
    <input type="text" name="apellidos" id="apellidos">
    <input type="button" mane="guardar" id="guardar" value="guardar">
</form>
 
<script>
    $( "#guardar" ).click( function()
    {
        $.ajax({
            url: 'registro_equipo.php',
            type: 'POST',
            dataType: 'json',
            data: { nombre: $( "#nombre").val(), apellidos: $( "#apellidos" ).val() },
            success: function()
            {
                
            },
            error: function()
            {
                
            }
        });
    });
</script>
 

Saludos

[christianrojmag]

Saludos amigo, gracias por el ejempo, ya lo puse en marcha y al parecer sigue igual, le doy click en el boton guardar y solo me manda al index de la aplicacion, no me guarda nada jejejeje espero me puedas orientar...saludos

Código:

<script src="../Inventarios/jquery/jquery-1.5.js"></script>
<script>
    $( "#guardar" ).click( function()
    {
        $.ajax({
            url: 'registro_equipo.php',
            type: 'POST',
            dataType: 'json',
            data: { disp: $( "#disp").val(), ideq: $( "#ideq" ).val() },
            success: function()
            {
                
            },
            error: function()
            {
                
            }
        });
    });
</script>