User Tools

Site Tools


es:web_development:forms:get

Desarrollo Web Lección 8 - Formularios

Enviar Datos

Objetivo

En esta actividad aprenderá una forma de enviar datos entre páginas.

Preparación

  • Cree dos archivos en Visual Studio Code y asígneles el nombre 'form.php' y 'process_form.php'.
  • Agregue el código básico en cada uno para incluir nuestros archivos de encabezado, menú y pie de página.

Parámetros de URL

  • Abra 'forms.php' y agregue <main> etiquetas.
  • Agrega un párrafo dentro de la <main> etiqueta que diga “Elige a tu héroe”.
  • Agregue una lista debajo del párrafo. Tú eliges si quieres una lista ordenada o desordenada.
  • Cree dos elementos de lista, cada uno con un enlace.
  • El texto del enlace será 'Loki' y 'Hulk' respectivamente.
  • El primer enlace href será 'process_form.php?name=Loki'.
  • El segundo enlace será el mismo pero con Hulk en lugar de Loki.
  • Tu código final debería verse así.
    <main>
        <p>Elige a tu héroe.</p>
        <ol>
            <li><a href="process_form.php?name=Loki">Loki</a></li>
            <li><a href="process_form.php?name=Hulk">Hulk</a></li>
        </ol>
    </main>
  • En ambos casos, el enlace llevará al usuario a nuestra otra página 'process_form.php' que usaremos para procesar los datos.
  • Cada enlace incluye a ? continuación el nombre del archivo, luego el nombre del héroe elegido.
  • Intencionalmente, solo usamos nombres de héroes que tienen solo una palabra porque los espacios son un poco más complejos.
  • Guarde y cargue el código, luego abra la página y haga clic en uno de los héroes.
  • Deberías ver los datos correspondientes al héroe que elegiste.
  • Ahora ha pasado datos de una página a otra utilizando un parámetro de URL . Esto también se conoce como enviar datos a través de GET.

GET

  • En PHP, podemos obtener estos datos 'obteniéndolos' de la URL .
  • Todos los datos en la URL se almacenan automáticamente en una matriz llamada '$_GET'.
  • Abra 'process_form.php'.
  • Agregue el siguiente código dentro de su <main>etiqueta.
        <p>Has elegido <?php echo $_GET['name']; ?></p>
  • Esto muestra texto e incluye el nombre que eligió en 'form.php'.
  • Guarde y cargue el código, luego abra 'form.php' y haga clic en un héroe.
  • Compruebe que su elección se refleja en el texto de la nueva página.

Codigo Final

es/web_development/forms/get.txt · Last modified: 2023/08/16 09:33 (external edit)