En la publicaci\u00f3n de hoy haremos una introducci\u00f3n a los m\u00e9todos de env\u00edo de datos desde una web al servidor.<\/p>\n

El atributo method establece la forma en la que se env\u00edan los datos del formulario web al servidor. Este atributo hace referencia al m\u00e9todo HTTP, por lo que no es algo propio de HTML.<\/p>\n

Los dos valores que se utilizan en los formularios son GET y POST. De esta forma, casi todos los formularios incluyen el atributo method=\u00bbget\u00bb o el atributo method=\u00bbpost\u00bb.<\/p>\n

Al margen de otras diferencias t\u00e9cnicas, el m\u00e9todo POST permite el env\u00edo de mucha m\u00e1s informaci\u00f3n que el m\u00e9todo GET. En general, el m\u00e9todo GET admite como m\u00e1ximo el env\u00edo de unos 500 bytes de informaci\u00f3n. La otra gran limitaci\u00f3n del m\u00e9todo GET es que no permite el env\u00edo de archivos adjuntos con el formulario.<\/p>\n

Adem\u00e1s, los datos enviados mediante GET se ven en la barra de direcciones del navegador (se a\u00f1aden al final de la URL de la p\u00e1gina), mientras que los datos enviados mediante POST no se pueden ver tan f\u00e1cilmente.<\/p>\n

<\/p>\n

Si no sabes que m\u00e9todo elegir para un formulario, existe una regla general que dice que el m\u00e9todo GET se debe utilizar en los formularios que no modifican la informaci\u00f3n (por ejemplo en un formulario de b\u00fasqueda). Por su parte, el m\u00e9todo POST se deber\u00eda utilizar cuando el formulario modifica la informaci\u00f3n original (insertar, modificar o borrar alguna informaci\u00f3n).<\/p>\n

<\/p>\n

El ejemplo m\u00e1s com\u00fan de formulario con m\u00e9todo GET es el de los buscadores. Si realizas una b\u00fasqueda con tu buscador favorito, ver\u00e1s que las palabras que has introducido en tu b\u00fasqueda aparecen como parte de la URL de la p\u00e1gina de resultados.<\/p>\n

Normalmente el proceso es como sigue:<\/p>\n

\n
• Si method es \u00abget\u00bb y action es un URI HTTP, el navegador toma el valor de action, le agrega un ‘?’, y a continuaci\u00f3n agrega el conjunto de datos del formulario, codificado seg\u00fan el tipo de contenido \u00abapplication\/x-www-form-urlencoded\u00bb. A continuaci\u00f3n el agente de usuario sigue este URI. En este escenario, los datos del formulario se restringen a c\u00f3digos ASCII.<\/li>\n<\/ul>\n
  \n
  • Si method es \u00abpost\u00bb y action es un URI HTTP, el navegador conduce una transacci\u00f3n HTTP \u00abpost\u00bb usando el valor del atributo action y un mensaje creado de acuerdo con el tipo de contenido especificado por el atributo enctype.<\/li>\n<\/ul>\n

    <\/p>\n

    Los alumnos del certificado de profesionalidad IFCD0210-Desarrollo de Aplicaciones con Tecnolog\u00edas Web<\/a>, y el IFCD0110 Confecci\u00f3n y publicaci\u00f3n de p\u00e1ginas web, conocen bien ambos m\u00e9todos y cual es el mejor uso que se les pueda dar en la programaci\u00f3n web, seg\u00fan las necesidades del dise\u00f1o.<\/p>\n

     <\/p>\n

     <\/p>\n","protected":false},"excerpt":{"rendered":"

    En la publicaci\u00f3n de hoy haremos una introducci\u00f3n a los m\u00e9todos de env\u00edo de datos desde una web al servidor. El atributo method establece la forma en la que se env\u00edan los datos del formulario web al servidor. Este atributo hace referencia al m\u00e9todo HTTP, por lo que no es algo propio de HTML. Los dos valores que se utilizan en los formularios son GET y POST. De esta forma, casi todos los formularios incluyen el atributo method=\u00bbget\u00bb o el atributo method=\u00bbpost\u00bb. Al margen de otras diferencias t\u00e9cnicas, el m\u00e9todo POST permite el env\u00edo de mucha m\u00e1s informaci\u00f3n que el m\u00e9todo GET. En general, el m\u00e9todo GET admite como m\u00e1ximo el env\u00edo de unos 500 bytes de informaci\u00f3n. La otra gran limitaci\u00f3n del m\u00e9todo GET es que no permite el env\u00edo de archivos adjuntos con el formulario. Adem\u00e1s, los datos enviados mediante GET se ven en la barra de direcciones del navegador (se a\u00f1aden al final de la URL de la p\u00e1gina), mientras que los datos enviados mediante POST no se pueden ver tan f\u00e1cilmente. Si no sabes que m\u00e9todo elegir para un formulario, existe una regla general que dice que el m\u00e9todo GET se debe utilizar en los formularios […]<\/p>\n","protected":false},"author":3,"featured_media":4063,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"spay_email":""},"categories":[1],"tags":[],"jetpack_featured_media_url":"http:\/\/piloto.foc.es\/wp-content\/uploads\/2017\/12\/metodos-get-y-post.png","jetpack_sharing_enabled":true,"jetpack-related-posts":[{"id":3202,"url":"http:\/\/piloto.foc.es\/2017\/02\/13\/3202-maneja-html5-con-nivel-de-experto-formularios-desarrollados-en-html5-con-el-atributo-pattern.html","url_meta":{"origin":4064,"position":0},"title":"Maneja HTML5 con nivel de experto. Formularios desarrollados en HTML5 con el atributo \u201cpattern\u201d.","date":"13 febrero, 2017","format":false,"excerpt":"Nuestros alumnos que han realizado con \u00e9xito alguno de los siguientes certificados de profesionalidad: IFCD0210-Desarrollo de Aplicaciones con Tecnolog\u00edas Web. IFCD0110-Confecci\u00f3n y publicaci\u00f3n de p\u00e1ginas web Desarrollan formularios en HTML5, usando con soltura atributos que solo los programadores web expertos son capaces de manejar. En el ejemplo de la publicaci\u00f3n\u2026","rel":"","context":"En \u00abCertificado de Profesionalidad\u00bb","img":{"alt_text":"formulario-pattern","src":"https:\/\/i0.wp.com\/cdp.foc.es\/wp-content\/uploads\/2016\/08\/formulario-pattern.png?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":2756,"url":"http:\/\/piloto.foc.es\/2016\/06\/07\/2756-el-uso-de-jquery.html","url_meta":{"origin":4064,"position":1},"title":"El uso de JQuery","date":"7 junio, 2016","format":false,"excerpt":"JQuery es una biblioteca de funciones y utilidades escritas en JavaScript que permite simplificar el modo de interactuar con las web as\u00ed como de presentar la informaci\u00f3n en la misma. JQuery se ha desarrollado bajo la filosof\u00eda del software libre y de c\u00f3digo abierto y no depende de ninguna tecnolog\u00eda.\u2026","rel":"","context":"En \u00abActualidad Tecnol\u00f3gica\u00bb","img":{"alt_text":"","src":"https:\/\/i2.wp.com\/piloto.foc.es\/wp-content\/uploads\/2016\/06\/jquery-post.jpg?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":1353,"url":"http:\/\/piloto.foc.es\/2013\/07\/18\/1353-el-mal-uso-de-los-metodos-estaticos.html","url_meta":{"origin":4064,"position":2},"title":"El mal uso de los m\u00e9todos est\u00e1ticos","date":"18 julio, 2013","format":false,"excerpt":"Una de las decisiones mas importantes a la hora de realizar un desarrollo es cuando decidir si un m\u00e9todo es est\u00e1tico o no (en java o en C#). Este concepto puede ser confuso para los desarrolladores. Por convenci\u00f3n para establecer nuestro punto de partida en nuestros programas el m\u00e9todo main\u2026","rel":"","context":"En \u00abActualidad Tecnol\u00f3gica\u00bb","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":1169,"url":"http:\/\/piloto.foc.es\/2013\/05\/30\/1169-que-es-json.html","url_meta":{"origin":4064,"position":3},"title":"\u00bfQue es JSON?","date":"30 mayo, 2013","format":false,"excerpt":"JSON (JavaScript Object Notation)es un formato ligero de intercambio de datos muy presente en javascript aunque podemos ver que este tipo de formatos se puede extender a lenguajes como\u00a0C, C++, C#, Java, Perl yPython. Su principal caracter\u00edsticas es las simplicidad que tenemos para leer y escribir informaci\u00f3n por parte de\u2026","rel":"","context":"En \u00abTaller Tecnol\u00f3gico\u00bb","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":4470,"url":"http:\/\/piloto.foc.es\/2018\/07\/26\/4470-en-que-consiste-la-certificacion-mta-98-361-fundamentos-de-desarrollo.html","url_meta":{"origin":4064,"position":4},"title":"\u00bfEn qu\u00e9 consiste la certificaci\u00f3n MTA 98-361 Fundamentos de Desarrollo?","date":"26 julio, 2018","format":false,"excerpt":"Esta certificaci\u00f3n Microsoft est\u00e1 dise\u00f1ada para formarle en conceptos fundamentales sobre los principios de la programaci\u00f3n, la programaci\u00f3n orientada a objetos, conceptos generales de desarrollo de software, aplicaciones web, aplicaciones de escritorio y bases de datos. Dirigida a\u2026 Los candidatos a este examen buscan validar sus habilidades b\u00e1sicas de desarrollo\u2026","rel":"","context":"En \u00abActualidad Tecnol\u00f3gica\u00bb","img":{"alt_text":"","src":"https:\/\/i1.wp.com\/piloto.foc.es\/wp-content\/uploads\/2018\/07\/imagen-0k-12.jpg?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":843,"url":"http:\/\/piloto.foc.es\/2013\/03\/19\/843-4-formas-de-saber-la-version-de-sql-server-instalada.html","url_meta":{"origin":4064,"position":5},"title":"4 formas de saber la versi\u00f3n de SQL Server instalada","date":"19 marzo, 2013","format":false,"excerpt":"En muchas ocasiones no sabemos la versi\u00f3n exacta de SQL Server que tenemos instalada, para ello os dejo tres formas r\u00e1pidas para sacar dicha informaci\u00f3n. M\u00e9todo 1: Conectar con la instancia de SQL Server y, a continuaci\u00f3n, ejecutar la consulta siguiente: Select @@version Esta consulta producir\u00e1 un resultado similar al\u2026","rel":"","context":"En \u00abTaller Tecnol\u00f3gico\u00bb","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"jetpack_shortlink":"https:\/\/wp.me\/p6jO3Y-13y","amp_validity":null,"amp_enabled":true,"_links":{"self":[{"href":"http:\/\/piloto.foc.es\/wp-json\/wp\/v2\/posts\/4064"}],"collection":[{"href":"http:\/\/piloto.foc.es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/piloto.foc.es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/piloto.foc.es\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"http:\/\/piloto.foc.es\/wp-json\/wp\/v2\/comments?post=4064"}],"version-history":[{"count":3,"href":"http:\/\/piloto.foc.es\/wp-json\/wp\/v2\/posts\/4064\/revisions"}],"predecessor-version":[{"id":4069,"href":"http:\/\/piloto.foc.es\/wp-json\/wp\/v2\/posts\/4064\/revisions\/4069"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/piloto.foc.es\/wp-json\/wp\/v2\/media\/4063"}],"wp:attachment":[{"href":"http:\/\/piloto.foc.es\/wp-json\/wp\/v2\/media?parent=4064"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/piloto.foc.es\/wp-json\/wp\/v2\/categories?post=4064"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/piloto.foc.es\/wp-json\/wp\/v2\/tags?post=4064"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}