Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Métodos GET y POST para envío de datos

    Cargado por

    Luz Angela Loaiza
    47 vistas4 páginas
    El documento describe dos métodos para enviar datos a través de formularios: el método GET y el método POST. Se muestra un ejemplo de formulario que usa el método GET para recibir datos del usuario como nombre y edad y mostrarlos en un mensaje de alerta después de enviar el formulario. También incluye información sobre Bootstrap y cómo agregar diferentes estilos de mensajes de alerta.

    Descripción original:

    Título original

    Recibir datos via get JSP

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    DOCX, PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento
    El documento describe dos métodos para enviar datos a través de formularios: el método GET y el método POST. Se muestra un ejemplo de formulario que usa el método GET para recibir datos del usuario como nombre y edad y mostrarlos en un mensaje de alerta después de enviar el formulario. También incluye información sobre Bootstrap y cómo agregar diferentes estilos de mensajes de alerta.

    Copyright:

    © All Rights Reserved
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    47 vistas4 páginas

    Métodos GET y POST para envío de datos

    Cargado por

    Luz Angela Loaiza
    El documento describe dos métodos para enviar datos a través de formularios: el método GET y el método POST. Se muestra un ejemplo de formulario que usa el método GET para recibir datos del usuario como nombre y edad y mostrarlos en un mensaje de alerta después de enviar el formulario. También incluye información sobre Bootstrap y cómo agregar diferentes estilos de mensajes de alerta.

    Copyright:

    © All Rights Reserved
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    de 4

    Métodos GET y POST para enviar datos por formularios

    Para el envío de los datos por medio de formularios se pueden utilizar dos métodos:

    <%-- Recibir datos via get --%>

    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Pagina JSP</title>

    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"


    integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T"
    crossorigin="anonymous">

    <title>Método Get JSP</title>


    </head>
    <body>

    <div class="container mt-5">


    <div class="row">
    <div class="col-sm">

    <%-- Creación formulario --%>

    <form>
    <div class="formcontrol">
    <label >Digite su nombre</label>
    <input type="text" class="formcontrol" name="nombre"
    placeholder="Nombre">
    </div>

    <div class="formgrupo ">


    <label >Digite su edad actual en números</label>
    <input type="text" class="formcontrol" name="edad"
    placeholder="Edad">
    </div>
    <button type="submit" class="botonprim">Enviar</button>
    </form>
    </div>
    </div>
    <div class="row">
    <div class="col-sm">
    <div class="alert alert-primary" role="alert">

    <%
    String nombre=request.getParameter("nombre");
    String edad=request.getParameter("edad");
    String saludo="Hola "+nombre+" actualmente tiene "+edad+" años";
    out.print(saludo);
    %>
    </div>
    </div>

    </div>
    </div>
    </body>
    </html>

    Bootstrap:

    Bootstrap es un kit de herramientas de código abierto para desarrollos web


    responsive con HTML, CSS y JavaScript. Con él puedes darle forma a tu sitio web
    a través del uso de sus librerías CSS y JavaScript

    Link para descargar la librería Bootstrap:

    https://getbootstrap.com/docs/4.3/getting-started/introduction/

    Link para copiar código para mensaje de alerta en Bootstrap

    https://getbootstrap.com/docs/4.3/components/alerts/
    <div class="alert alert-primary" role="alert">
    A simple primary alert—check it out!
    </div>

    <div class="alert alert-secondary" role="alert">


    A simple secondary alert—check it out!
    </div>

    <div class="alert alert-success" role="alert">


    A simple success alert—check it out!
    </div>

    <div class="alert alert-danger" role="alert">


    A simple danger alert—check it out!
    </div>

    <div class="alert alert-warning" role="alert">


    A simple warning alert—check it out!
    </div>

    <div class="alert alert-info" role="alert">


    A simple info alert—check it out!
    </div>

    <div class="alert alert-light" role="alert">


    A simple light alert—check it out!
    </div>
    <div class="alert alert-dark" role="alert">
    A simple dark alert—check it out!
    </div>

    También podría gustarte