Nueva pregunta

Pregunta:

Fecha: 20-05-2016 08:57:38 (En Español)

Ayuda para hacer envío y recepción de datos en la misma página con PHP[Resuelta]

<html> 
    <head> 
        <title>Me llamo a mi mismo...</title> 
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
        <script>
            function imprimir(nombre, empresa, telefono) {
                console.log(nombre + ' ' + empresa + ' ' + telefono)
            }
        </script>
    </head>
    <body>
        <form action="todoaqui.php" method="post"> 
            Nombre: <input type="text" id="nombre" size="30"> 
            <br> 
            Empresa: <input type="text" id="empresa" size="30"> 
            <br> 
            Telefono: <input type="text" id="telefono" size=14 value="+34 " > 
            <br> 
            <button type="button" onclick="imprimir($('?#?nombre?').val(), $('?#?empresa?').val(), $('?#?telefono?').val())" >enviar</button>
            
         
        </form> 

    </body> 
</html>
Etiquetas: $_POST - JQuery - PHP - Pregunta Votos: 1 - Respuestas: 2 - Vistas: 12 Compartir en: Google Facebook Twitter LinkedIn Link
 

Respuestas:

  • Fecha: 20-05-2016 13:04:08 espero que te sirva , prueba y comentas
    saludos


    <html>
    <head>
    <title>Me llamo a mi mismo...</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
    <script>
    function imprimir() {
    
    
        var nombre = $("#nombre").val(),
            empresa = $("#empresa").val(),
            telefono = $("#telefono").val();
    
    console.log(nombre + ' ' + empresa + ' ' + telefono)
    
    }
    </script>
    </head>
    <body>
    <form action="todoaqui.php" method="post">
    Nombre: <input type="text" id="nombre" size="30">
    <br>
    Empresa: <input type="text" id="empresa" size="30">
    <br>
    Telefono: <input type="text" id="telefono" size=14 value="+34 " >
    <br>
    <button type="button" onclick="imprimir()" >enviar</button>
    </form>
    </body>
    </html>
    
      Votos: 5 - Link respuesta
     
  • Fecha: 29-05-2016 12:59:26 Buenas tardes, esto, creo, que es una mezcla de cosas. Funciona pero creo que es eso.

    Al llamar al evento onclick del botón (button) no es necesario cargar la librería jQuery, se puede hacer solo con javascript

    Otra cosa, tampoco es necesario encerrar los elementos input dentro de un form. En este caso no se nota porque el tipo de button es, justamente button. Cambialo por submit y fijate que es lo que hace

    Ejemplo con javascript
    <html>
    <head>
    <title>Me llamo a mi mismo...</title>
    <script>
    function imprimir() {
        var nombre = document.getElementById("nombre").value;
        var empresa = document.getElementById("empresa").value;
        var telefono = document.getElementById("telefono").value;
    
    console.log(nombre + ' ' + empresa + ' ' + telefono)
    }
    </script>
    </head>
    <body>
    
    Nombre: <input type="text" id="nombre" size="30">
    <br>
    Empresa: <input type="text" id="empresa" size="30">
    <br>
    Telefono: <input type="text" id="telefono" size=14 value="+34 " >
    <br>
    <button type="button" onclick="imprimir()"  >enviar</button>
    
    </body>
    </html>
    


    Ahora, si querés utilizar jQuery, yo haría algunas cosas diferentes
    <html>
    <head>
    <title>Me llamo a mi mismo...</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
    <script>
    jQuery(document).ready(function(){
    	jQuery('#enviar').on('click', function(){
    		imprimir();
    	});
    });
    function imprimir() {
    	var nombre = jQuery("#nombre").val(),
        empresa = jQuery("#empresa").val(),
        telefono = jQuery("#telefono").val();
    	console.log(nombre + ' ' + empresa + ' ' + telefono)    
    }
    </script>
    </head>
    <body>
    
    Nombre: <input type="text" id="nombre" size="30">
    <br>
    Empresa: <input type="text" id="empresa" size="30">
    <br>
    Telefono: <input type="text" id="telefono" size=14 value="+34 " >
    <br>
    <button type="button" id="enviar" >enviar</button>
    
    </body>
    </html>
    

    Con jQuery, no es necesario llamar al evento onclick del botón, tomás ese evento desde jQuery, directamente.

    Un aporte más, creo que siempre suma diferentes formas de hacer las cosas

    Saludos

    DIEGO
      Votos: 1 - Link respuesta
     
Para participar activamente de la comunidad primero debes autenticarte, ingresa al sistema.Iniciar Sesión
 
frjcbbae garagebible.com