Mandar dato de js a php

darmorir · #1 (**permalink**) 05/01/2015, 12:10

Buenas tardes
Estoy tratando de pasar un dato a php con jquerry sin éxito, desearia un poco de orientación porque estoy empezando y no tengo ni idea de porque no funciona

Mi codigo donde trato de pasar el dato

Código:

<script type = "text/javascript">
    function validar()
    {
      codigo = document.getElementById('txtCodigo').value;
      nombre = document.getElementById('txtNombres').value;
      apellido = document.getElementById('txtApellidos').value;
      Correo = document.getElementById('txtCorreo').value;    
      if(nombre.length == 0 && apellido.length == 0 && Correo.length == 0)
      {
        alert("Verifique que todo este lleno");
      }
      else
      {
        var sql = "INSERT INTO empleados(`Nombres`,`Apellidos`,`Correo`) VALUES ('"+nombre+"','"+apellido+"','"+Correo+"')";
        
        $.post('conexion.php',{postname:sql},
          function(data)
          {           

            $('#result').html(data);           

          });
        
      }
    }
  </script>

Código PHP:

  <?php

    $consulta = $_POST['postname'];

    print "$consulta;            

            

?>

acopantepuy · #2 (**permalink**) 05/01/2015, 12:30

Aquí falta mucho código:

1. Donde llamas la librería de jquery.
2. Cuál es el evento que dispara la consulta.
3. Donde está el html con la vista para el usuario.

Manda todo para poderte ayudar.

darmorir · #3 (**permalink**) 05/01/2015, 13:02

Ok ok aquí esta el codigo completo:

Código:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type = "text/javascript" src = "jquery-2.1.3.js"></script>
<title>Documento sin título</title>
</head>

<body>
<form id="form1" name="form1" method="post" action="">  
  <p>Codigo
    <input type="text" name="txtCodigo" id="txtCodigo" />
    <br />
  </p>
  <p>Nombres
    <input type="text" name="txtNombres" id="txtNombres" />
    <br />
  </p>
  <p>Apellidos
    <label for="txtApellidos"></label>
    <input type="text" name="txtApellidos" id="txtApellidos" />
  </p>
  <p>Correo
    <label for="txtCorreo"></label>
    <input type="text" name="txtCorreo" id="txtCorreo" />
  </p>
  <p>&nbsp;</p>
  <p>
    <input type="submit" name="txtGuardar" id="txtGuardar" value="Guardar" onClick="validar()"/>
  </p>
  
  </form>
  <div id= "result" > </div>
  <script type = "text/javascript">
    function validar()
    {
      codigo = document.getElementById('txtCodigo').value;
      nombre = document.getElementById('txtNombres').value;
      apellido = document.getElementById('txtApellidos').value;
      Correo = document.getElementById('txtCorreo').value;    
      if(nombre.length == 0 && apellido.length == 0 && Correo.length == 0)
      {
        alert("Verifique que todo este lleno");
      }
      else
      {
       var sql = "INSERT INTO empleados(`Nombres`,`Apellidos`,`Correo`) VALUES ('"+nombre+"','"+apellido+"','"+Correo+"')";             
        $.post('conexion.php',{postname:sqñ},
          function(data)
          {           

            $('#result').html(data);           

          });
        
      }
    }
  </script>
</body>
</html>

Por cierto, no tiene nada que ver pero, la pagina anda lenta? o es mi conexión ?

moginn · #4 (**permalink**) 06/01/2015, 10:52

estás mezclando javscript con jquery

document.getElementById es de javascript
$.post es de jquery

en lugar de document.getElementById('txtCodigo').value usa $('#txtCodigo').val()

caricatos · #5 (**permalink**) 08/01/2015, 09:15

Hola:

Cita:

Iniciado por moginn

estás mezclando javscript con jquery

document.getElementById es de javascript
$.post es de jquery

en lugar de document.getElementById('txtCodigo').value usa $('#txtCodigo').val()

¿No crees que tu respuesta es absurda...?

jquery no podría existir sin javascript (aunque no funciona eso de "viceversa")

Saludos

diurno10 · #6 (**permalink**) 08/01/2015, 11:56

Cita:

Iniciado por caricatos

Hola:

¿No crees que tu respuesta es absurda...?

jquery no podría existir sin javascript (aunque no funciona eso de "viceversa")

Saludos

No me parece absurda, si vas a utilizar javascript utiliza javascript , si vas a utilizar jQuery utiliza Jquery, no entiendo que necesidad de mezclar las cosas.
Obviamente, estamos hablando de los selectores.

caricatos · #7 (**permalink**) 08/01/2015, 18:08

Hola:

Cita:

Iniciado por diurno10

No me parece absurda, si vas a utilizar javascript utiliza javascript , si vas a utilizar jQuery utiliza Jquery, no entiendo que necesidad de mezclar las cosas.
Obviamente, estamos hablando de los selectores.

¿Alguien más se apunta a defender lo absurdo?...

No sé si entre tus estudios te han enseñado el concepto de capas de los lenguajes... suelen los profes compararlo con las cebollas (dudo que sepas de lo que hablo)...

Pero no es mi intención crear polémicas, tan solo hice un comentario que creo que debería considerarse.

Saludos