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

Contenido del curso

Introducción

¿Cómo combinar HTML con PHP?

Manejo de formularios

Proyecto: formulario de contacto

Conclusión

24
Es tu turno de poner todo en práctica
01:50 min

Tomar examen

Cursos Empresas Blog Live Conf Eventos Precios

0:007:38

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

Curso de PHP: Integración con HTML

Clase 12 de 24

Clase 12 / 24

Comentarios (42)42 comentarios

Sergio Andrés Barragan

Hace 4 años

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

Eduer Pallares Jiménez

Hace 4 años

Esperamos ese curso avanzado de API con PHP cuanto antes mejor

Fabricio Aguilar

Hace 4 años

Concuerdo compañero!

Henry

Hace 4 años

queremos nuestro curso de API!!!

Joel Dominguez Merino

Hace 4 años

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

Hace 4 años

curso de API!!! me apunto

Rafael Junior Ortiz Sánchez

Hace 4 años

Quiero el curso de API!!

Walter Omar Barrios Vazquez

Hace 4 años

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

Rubén Cuello

Hace 4 años

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

Hace 4 años

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

Hace 4 años

Apoyo el curso de API con PHP

Rubén Cuello

Hace 4 años

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

Hace 4 años

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

Hace 4 años

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

Hace 4 años

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

Christian Alvarenga

Hace 4 años

Estaría super interesante de API con PHP

Rony Ariel Glanzel

Hace 4 años

Curso de API con PHP

Gabriel Ignacio China Cortez

Hace 4 años

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

Jessica C. Flores O.

Hace 3 años

Adoro tus clases, Carlos :`v

Oscar Martinez Suarez

Hace 4 años

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

Ezequiel Rodriguez Esparza

Hace 4 años

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

Diego Castro

Hace 4 años

Quiero un curso de API's!

Omar Abraham Ayala Alvarez

Hace 4 años

Si, curso de API con PHP.!!

Kevin Leonardo Saavedra Carmona

Hace 4 años

Tambien quiero el curso de API con PHP.

Darlin Sánchez García

Hace 4 años

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

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

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

Progreso del curso

Introducción

¿Cómo combinar HTML con PHP?

Manejo de formularios

Proyecto: formulario de contacto

Conclusión