TUTORIAL PHP & MYSQL – 3. Métodos Get y POST
Hola Amigos de GeekyTheory. En este nuevo tutorial aprenderemos a usar los métodos GET y POST, los cuales nos permitirán tomar datos de los usuarios de nuestra página web mediante formularios. Puedes visitar los tutoriales anteriores:
Así pues, para empezar necesitamos crear un formulario en el cual el usuario introducirá datos. En nuestro caso, para poder continuar el tutorial anterior, introduciremos el número de filas y de columnas que compondrá nuestra tabla de multiplicar dinámica. <form action="" method="">FILAS <input type="number" name="filas" size="3" /> COLUMNAS <input type="number" name="columnas" size="3" /> <input type="submit" /></form>
La etiqueta HTML más significativa de este código es la etiqueta form, a través de esta, indicaremos cómo queremos transmitir la información. La etiqueta form se compone de varios atributos, de los cuales nos interesan prácticamente dos:
- method: tenemos la opción de get y post.
- action: este atributo indica a que página enviar la información, así pues en nuestro caso se auto realimentará enviando la información a la página donde está el formulario.Debemos resaltar el atributo name de la etiqueta input, este atributo será el nombre de la variable que tendremos que leer para obtener los datos posteriormente. Una vez tenemos el formulario que nos permitirá obtener los datos del usuario, vemos los diferentes métodos: GET y POST. Método GET Con el método GET la información del usuario es transmitida a través de la dirección URL. En nuestro caso al introducir el número de filas y columnas obtendremos una dirección url de esta forma:
Tutorial3/get.php?filas=3&columnas=2
Para poder obtener los datos en php, usamos las siguientes sentencias:
- $f = $_GET["filas"]
- $c = $_GET["columnas"]
Una vez que hemos obtenido los datos de las variables podemos usarlos para nuestra tabla de multiplicar dinámica. El código completo de la tabla dinámica de la tabla post es: <form method="get" action="get.php"> FILAS <input type="number" size="3" name="filas" /> COLUMNAS <input type="number" size="3" name="columnas"/> <input type="submit" /> </form><?php if ($_GET["filas"]!="" && $_GET["columnas"]!=""){ $f = $_GET["filas"]; $c = $_GET["columnas"]; echo "<table border='2'>"; echo "<th> Tabla * </th>"; for ($i=1;$i<=$c;$i++){ echo "<th> X".$i."</th>"; } for($i=1;$i<=$f;$i++){ echo "<tr>"; echo "<td>"; echo "<b>Tabla del ".$i."</b>"; echo "</td>"; for($j=1;$j<=$c;$j++){ echo "<td>"; echo $j*$i; echo "</td>"; } echo "</tr>"; } echo "</table>"; } ?>Podemos observar que una vez que hemos obtenido los datos del usuario los usamos para construir nuestra tabla dinámica, en concreto lo usamos como índices de los bucles for.Método POST A diferencia del método GET, el método POST es un método más seguro, no hace uso de la dirección url para transmitir la información, ésta se transmite mediante protocolo HTTP, siendo los datos enviado invisibles al usuario. Así pues el código de la tabla de multiplicar dinámica usando el método POST será: <form method="post" action="post.php"> FILAS <input type="number" size="3" name="filas" /> COLUMNAS <input type="number" size="3" name="columnas"/> <input type="submit" /> </form><?php if (isset($_POST["filas"]) && isset($_POST["columnas"])){ $f = $_POST["filas"]; $c = $_POST["columnas"]; echo "<table border='2'>"; echo "<th> Tabla * </th>"; for ($i=1;$i<=$c;$i++){ echo "<th> X".$i."</th>"; } for($i=1;$i<=$f;$i++){ echo "<tr>"; echo "<td>"; echo "<b>Tabla del ".$i."</b>"; echo "</td>"; for($j=1;$j<=$c;$j++){ echo "<td>"; echo $j*$i; echo "</td>"; } echo "</tr>"; } echo "</table>"; } ?> Al igual que en el caso anterior obtenemos los datos de las variables, pero esta vez con la sentencia $_POST[“nom_var”]. Pues esto es todo por esta semana, en el próximo tutorial aprenderemos a crear directorios de forma dinámica en nuestro servidor, con unas sentencias muy fáciles de usar. Por último decir que si tenéis alguna duda podéis contactar conmigo a través de mi cuenta de twitter @alex_esquiva o a través de comentarios en la entrada. El código del tutorial lo tenemos alojado en nuestro repositorio público.
Por favor pinchar sobre el botón de compartir para que geekytheory pueda enseñar a muchas más personas.