En este artículo, aprenderemos el método HTTP para enviar los datos del formulario. Antes de profundizar en este tema, necesitamos saber qué es exactamente el método HTTP y cuántos métodos HTTP hay disponibles.
¿Qué es HTTP ?
HTTP significa Protocolo de transferencia de hipertexto. Se utiliza para la comunicación entre clientes y servidores. Funciona en un protocolo de solicitud-respuesta entre el cliente y el servidor. El cliente envía una solicitud al servidor. El servidor acepta la solicitud y devuelve una respuesta al cliente. Puede ser información sobre la solicitud y el contenido solicitado.
Estos son los siguientes métodos HTTP más utilizados .
- OBTENER
- CORREO
Después de la validación del formulario en el lado del cliente, está listo para enviar el formulario. Después del envío, los datos del formulario se envían al servidor utilizando el método GET y el método POST. Una vez que usemos el método GET para enviar los datos del formulario al servidor, usaremos el método POST para enviar los datos del formulario al servidor. Al final, entenderemos la diferencia entre ambos métodos HTTP que se utilizan para enviar los datos del formulario.
Envío de los datos del formulario usando el método HTTP ‘GET’: El método GET se usa para solicitar datos de recursos específicos. Envía un cuerpo vacío al servidor y solicita obtener recursos. Si los datos del formulario se envían mediante el método GET, los datos enviados por el servidor se adjuntan a la URL de la página. Sus requests tienen algunas restricciones de longitud. No se utiliza para la modificación.
Ejemplo:
HTML
<!DOCTYPE html> <html> <body> <h1>Send data using the 'GET' HTTP method</h1> <form action="" method="get" target="_blank"> <label>User Name:</label> <input type="text" id="username" name="User Name"><br><br> <label>Password:</label> <input type="password" id="password" name="Password"><br><br> <input type="submit" value="Login"> </form> </body> </html>
Producción:
Envío de los datos del formulario utilizando el método HTTP ‘POST’: El método POST se utiliza para enviar datos a un servidor para crear y actualizar un recurso. Los datos solicitados mediante el método POST se agregan al cuerpo de la solicitud HTTP en lugar de la URL de la página. Su solicitud no tiene restricciones en la longitud de los datos.
Ejemplo:
HTML
<!DOCTYPE html> <html> <body> <h2>Send data using the 'POST' HTTP method</h2> <form action="" method="post" target="_blank"> <label>User Name:</label> <input type="text" id="username" name="User Name"><br><br> <label>Password:</label> <input type="password" id="password" name="Password"><br><br> <input type="submit" value="Login"> </form> </body> </html>
Producción:
Publicación traducida automáticamente
Artículo escrito por vikashgautam11 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA