Envío de un formulario a través de POST

Clase 12 de 24 • Curso de PHP: Integración con HTML

Clase anteriorSiguiente clase

Sergio Andrés Barragan

student•

Sería grandioso contar con un curso avanzado de API con PHP

Eduer Pallares Jiménez

student•

Esperamos ese curso avanzado de API con PHP cuanto antes mejor

Fabricio Aguilar

student•

Concuerdo compañero!

Henry

student•

queremos nuestro curso de API!!!

Joel Dominguez Merino

student•

No sabia que los datos enviados por el método POST podríamos verlos desde las herramientas de desarrollo. Gracias por compartirnos todos esos detalles Carlos! Comparto mi apunte de la clase:

Index

<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>iJCode - Envío de datos por POST</title>
</head>
<body>
  <!-- Creación del formulario -->
  <form action="./server.php" method="post">
    <label for="name">Nombre: </label>
    <input type="text" name="name" id="name">

    <label for="age">Edad: </label>
    <input type="text" name="age" id="age">

    <button type="submit">Enviar formulario</button>
  </form>
</body>
</html>

Server

<?php
// Se obtiene lo que tiene la variable global $_POST
$post = $_POST;

// Se imprime lo que contiene la variable $post
var_dump($post);
/*
  Ejemplo de salida: 
  array(2) { ["name"]=> string(4) "Joel" ["age"]=> string(2) "12" }
*/

// Se valida si hay algún valor del arreglo que tenga el nombre de 'nombre' y 'edad', enviados desde el formulario
// Si si, se guarda en a variable correspondiente, si no, se guarda un valor por defecto
$name = isset($post['name'])? $post['name'] : 'Sin nombre';
$age = isset($_POST['age'])? $_POST['age'] : 'Sin edad';
$lastname = isset($_POST['lastname'])? $_POST['lastname'] : 'Sin apellido';

echo("\nEl nombre es: $name");
echo("\nLa edad es: $age");
echo("\nEl apellido es: $lastname");
/*
  Ejemplo de salida (pasando desde formulario 'nombre' y 'edad')
  El nombre es: Julieta La edad es: 53 El apellido es: Sin apellido
*/  

// Al utilizar el método POST, los datos se envían por la parte de atrás y no son visibles en la URL
// Pero se debe tener cuidado ya que los datos enviados pueden visualizarse desde las herramientas del desarrollador en el navegador
// específicamente desde: Network > Payload

Yoalbert Luis

student•

curso de API!!! me apunto

Rafael Junior Ortiz Sánchez

student•

Quiero el curso de API!!

Walter Omar Barrios Vazquez

student•

Por supuesto que sí a un curso de API con PHP!!!

Rubén Cuello

student•

Pregunta: Hay alguna otra diferencia relevante entre post y get? No termino de entender porque se usaría get si post hace lo mismo y protegiendo un poco más la información.

Ermilo Joel Dorantes Uc

student•

A modo de resumen:

GET para la configuración de páginas web (filtros, ordenación, búsquedas, etc.) POST para la transferencia de información y datos

Leonardo Pablo Mannanice

company_admin•

Apoyo el curso de API con PHP

Rubén Cuello

student•

Pregunta 2 (es la última por hoy lo prometo :smile: )

Veo que los formularios el profesor los crea en un archivo .php, pero eso solo correría en local, no? Como se envían los datos de formularios que se encuentran alojados en páginas comunes .html ? Por ej el formulario para crearse una cuenta en una red social.

Ermilo Joel Dorantes Uc

student•

Detrás de un formulario de una red social hay diversas tecnologías, en los servidores de esas páginas pueden correr múltiples tipos de archivos, no solo html.

Kenneth Angulo L

student•

El concepto es el mismo. Hay un envio y hay una recepcion. . Como dice el companero hay multiples tecnologias (HTML, Javascript, PHP, ASP, JSP, .NET, desarrollos usando API, etc, etc, etc). . La diferencia de lo que hace el profesor con la red social como preguntas, es que la red social esta alojada en un servidor en la nube, el profesor y nosotros trabajamos en servidores locales. . Y claro la red social, tiene un desarrollo muy robusto, donde incluye bases de datos, temas de seguridad que aun no vemos, etc. .

PERO INSISTO EL CONCEPTO ES EL MISMO, hay un envio por POST y hay un receptor que procesa esa peticion. . Por ultimo contarte tambien que el envio y la recepcion lo puede hacer la misma pagina las llamadas SPA, usando tecnologias como React, Vue, Anguar, etc.

David Sanchez Cortez

student•

me encantaria un curso de API con el profe Carlos por favor. MAs cursos con el por fa

Christian Alvarenga

student•

Estaría super interesante de API con PHP

Rony Ariel Glanzel

student•

Curso de API con PHP

Gabriel Ignacio China Cortez

student•

Me uno a la solicitud de API con PHP !!!!

Jessica C. Flores O.

student•

Adoro tus clases, Carlos :`v

Oscar Martinez Suarez

student•

Me uno a la solicitud formal y ansiada del Curso API con PHP!!!

Ezequiel Rodriguez Esparza

student•

Yo también apoyo en tener un curso avanzado de API😁

Diego Castro

student•

Quiero un curso de API's!

Omar Abraham Ayala Alvarez

student•

Si, curso de API con PHP.!!

Kevin Leonardo Saavedra Carmona

student•

Tambien quiero el curso de API con PHP.

Darlin Sánchez García

student•

Interesante la manera como se pueden visualizar los datos enviados por POST, WordPress lo hace así, pero creo que sigue siendo un tanto seguro, porque la contraseña la visualizará el usuario que se haya logueado.

Excelente Curso y también apoyo la idea del Curso avanzado de API con PHP.

<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>iJCode - Envío de datos por POST</title>
</head>
<body>
  <!-- Creación del formulario -->
  <form action="./server.php" method="post">
    <label for="name">Nombre: </label>
    <input type="text" name="name" id="name">

    <label for="age">Edad: </label>
    <input type="text" name="age" id="age">

    <button type="submit">Enviar formulario</button>
  </form>
</body>
</html>

<?php
// Se obtiene lo que tiene la variable global $_POST
$post = $_POST;

// Se imprime lo que contiene la variable $post
var_dump($post);
/*
  Ejemplo de salida: 
  array(2) { ["name"]=> string(4) "Joel" ["age"]=> string(2) "12" }
*/

// Se valida si hay algún valor del arreglo que tenga el nombre de 'nombre' y 'edad', enviados desde el formulario
// Si si, se guarda en a variable correspondiente, si no, se guarda un valor por defecto
$name = isset($post['name'])? $post['name'] : 'Sin nombre';
$age = isset($_POST['age'])? $_POST['age'] : 'Sin edad';
$lastname = isset($_POST['lastname'])? $_POST['lastname'] : 'Sin apellido';

echo("\nEl nombre es: $name");
echo("\nLa edad es: $age");
echo("\nEl apellido es: $lastname");
/*
  Ejemplo de salida (pasando desde formulario 'nombre' y 'edad')
  El nombre es: Julieta La edad es: 53 El apellido es: Sin apellido
*/  

// Al utilizar el método POST, los datos se envían por la parte de atrás y no son visibles en la URL
// Pero se debe tener cuidado ya que los datos enviados pueden visualizarse desde las herramientas del desarrollador en el navegador
// específicamente desde: Network > Payload

Envío de un formulario a través de POST

Introducción

¿Cómo se renderiza una página web en mi computadora?

Levantando un servidor local

¿Cómo combinar HTML con PHP?

PHP como preprocesador de HTML

Imprime texto y etiquetas HTML

Condicionales

Ciclos

¿Cómo pasar variables de PHP a JavaScript?

Evita el código espagueti

Refactorizando código espagueti

Manejo de formularios

Cómo obtener una solicitud al servidor con PHP

Envío de un formulario a través de GET

Envío de un formulario a través de POST

Envío de imágenes

Guardando imágenes en el servidor

Tipos de inputs

Otros tipos de inputs

Valida si un formulario ha sido enviado

Sanitizando datos de mi formulario

Validando datos

Proyecto: formulario de contacto

Creando el maquetado

Haciendo la lógica de recepción del formulario

Integrando PHPMailer

Implementando el servidor de correos de Gmail

Conclusión

Es tu turno de poner todo en práctica