SlideShare uma empresa Scribd logo
1 de 14
Métodos GET e POST - Hélder Oliveira
Métodos GET e POST
O Envio de dados na Web
Métodos GET e POST - Hélder Oliveira
O Protocolo HTTP
(Hypertext Transfer Protocol)
• Surge em 1990
• Protocolo ao nível
Aplicação
• Comunicação baseada
em Pedido/Resposta
Métodos GET e POST - Hélder Oliveira
Pedido Web
(Web Request )
• Pedido direccionado a um
documento
• Frequentemente
accionado por
especificação de um
endereço (URL )
• Sempre iniciado pelo
cliente por métodos GET
ou POST
• É geralmente sucedido de
um Web Response
Métodos GET e POST - Hélder Oliveira
Método GET
(GET Method )
• Método mais comum
• Dados do pedido via URL
• Tipicamente usado para
parâmetros não críticos
• Útil na identificação de
conteúdos para um mesmo
documento
Métodos GET e POST - Hélder Oliveira
Método GET – Perspectiva prática
http://www.google.pt/search?q=get+post+metodos&hl=pt-PT
http Protocolo
www.google.pt Servidor
search Documento
q=get+post+metodos&hl=pt-PT Parâmetros
Métodos GET e POST - Hélder Oliveira
Método GET – Parâmetros
http://www.google.pt/search?q=get+post+metodos&hl=pt-PT
http Protocolo
www.google.pt Servidor
search Documento
q=get+post+metodos&hl=pt-PT Argumentosq=get+post+metodos&hl=pt-PT
q=get+post+metodos&hl=pt-PT
http://www.google.pt/search?q=get+post+metodos&hl=pt-PT
• Sintaxe de cada Parâmetro:
<nome>=<valor>
• Separador de Parâmetros: &
• Representação de espaços: +
• Representação de “caracteres especiais”: código
hexadecimal antecedido de %
Métodos GET e POST - Hélder Oliveira
Método GET - Exemplo
a) Execute um pedido adicionando-lhe parâmetros
(método GET) ao seu critério;
b) Use o parâmetro msg para atribuir o texto de uma
mensagem e o parâmetro valign para alinhar essa
mensagem na vertical.
Métodos GET e POST - Hélder Oliveira
Método POST
(POST Method )
• Originalmente relacionado
com o Upload de dados
• Mais seguro
• Indicado para dados mais
críticos
• Usa um canal STDIN
• Tipicamente usado em
formulários
Métodos GET e POST - Hélder Oliveira
Método POST – Perspectiva prática
<form id="mainForm" method="post" action="distancia.aspx">
<strong>Distância entre dois pontos<br /></strong>
Ponto A(<input id="AX" name="AX" type="text" style="width: 22px" />,
<input id="AY" name="AY" type="text" style="width: 22px" />)<br />
Ponto B(<input id="BX" name="BX" type="text" style="width: 22px" />,
<input id="BY" name="BY" type="text" style="width: 22px" />)<br />
<input id="SubmitButton" type="submit" value="Calcular" />
</form>
GET
POST
2 4
6 7
Métodos GET e POST - Hélder Oliveira
AY 4BX 6BY 7
Método POST – Perspectiva prática
AX 2
2 4
6 7
<html>
<head/>
<body>
<span>A distância é 5.</span>
</body>
</html>
22
4726d
Métodos GET e POST - Hélder Oliveira
Método POST - Exemplo
a. Download do ficheiro formulario.zip (copie o
ficheiro html);
b. Edite o ficheiro html e complemente o código
(método POST; action=[…]distancia.aspx);
c. Action=[…]testgetpost.aspx;
d. Altere para método GET.
Métodos GET e POST - Hélder Oliveira
GET versus POST
GET POST
Tamanho máximo de dados 256 caracteres ilimitado
Configuração URL e Formulário Formulário
Exposição dos dados Elevada Baixa
Função nativa
Pedido de documento
remoto
Upload de dados
Meio de Transmissão Código do pedido HTTP Canal STDIN
Métodos GET e POST - Hélder Oliveira
Referências
• “Bases de Programação 12.º Ano” – Porto
Editora (Manual Adoptado);
• “ASP.NET 2.0 – Curso Completo” - FCA Editora
• http://www.w3.org/Protocols/rfc2616/rfc2616-sec9.html
• http://en.wikipedia.org/wiki/HTTP
Métodos GET e POST - Hélder Oliveira
Métodos GET e POST
O Envio de dados na Web
FIM

Mais conteúdo relacionado

Semelhante a Apresentacao

HTTP: A Base do Desenvolvimento Web - FISL 12
HTTP: A Base do Desenvolvimento Web - FISL 12HTTP: A Base do Desenvolvimento Web - FISL 12
HTTP: A Base do Desenvolvimento Web - FISL 12Alexandre Gaigalas
 
Do Rest Ao Restfull - Rio Jug
Do Rest Ao Restfull - Rio JugDo Rest Ao Restfull - Rio Jug
Do Rest Ao Restfull - Rio JugSergio Azevedo
 
O que RESTa para sua aplicação
O que RESTa para sua aplicaçãoO que RESTa para sua aplicação
O que RESTa para sua aplicaçãoDaniel Satiro
 
Aula 1 linguagem html (1)
Aula 1   linguagem html (1)Aula 1   linguagem html (1)
Aula 1 linguagem html (1)Kaoru Hatake
 
JavaOne LATAM 2016 - Combinando AngularJS com Java EE
JavaOne LATAM 2016 - Combinando AngularJS com Java EEJavaOne LATAM 2016 - Combinando AngularJS com Java EE
JavaOne LATAM 2016 - Combinando AngularJS com Java EERodrigo Cândido da Silva
 
Automação NFe Inbound e Monitor CTe
Automação NFe Inbound e Monitor CTeAutomação NFe Inbound e Monitor CTe
Automação NFe Inbound e Monitor CTeRodrigo Salomão
 
HTML - HyperText Markup Language - Introdução
HTML - HyperText Markup Language - IntroduçãoHTML - HyperText Markup Language - Introdução
HTML - HyperText Markup Language - IntroduçãoIsrael Messias
 
CIÊNCIAVITAE - Suporte ao Serviço de API
CIÊNCIAVITAE - Suporte ao Serviço de APICIÊNCIAVITAE - Suporte ao Serviço de API
CIÊNCIAVITAE - Suporte ao Serviço de APIPTCRIS FCT
 
Acessibilidade na WEB: Padrões na Web e WCAG 2.0 - Reinaldo Ferraz
    Acessibilidade na WEB: Padrões na Web e WCAG 2.0 - Reinaldo Ferraz    Acessibilidade na WEB: Padrões na Web e WCAG 2.0 - Reinaldo Ferraz
Acessibilidade na WEB: Padrões na Web e WCAG 2.0 - Reinaldo FerrazGovBR
 
WebCrawling Utilizando PHP
WebCrawling Utilizando PHPWebCrawling Utilizando PHP
WebCrawling Utilizando PHPRodrigo Sales
 
aula 6 PHP - Criação de sites II
aula 6 PHP - Criação de sites IIaula 6 PHP - Criação de sites II
aula 6 PHP - Criação de sites IIinfo_cimol
 
Hyper Text Transfer Protocol (HTTP)
Hyper Text Transfer Protocol (HTTP)Hyper Text Transfer Protocol (HTTP)
Hyper Text Transfer Protocol (HTTP)elliando dias
 

Semelhante a Apresentacao (20)

Básico PHP: Introdução HTML
Básico PHP: Introdução HTMLBásico PHP: Introdução HTML
Básico PHP: Introdução HTML
 
HTTP: A Base do Desenvolvimento Web - FISL 12
HTTP: A Base do Desenvolvimento Web - FISL 12HTTP: A Base do Desenvolvimento Web - FISL 12
HTTP: A Base do Desenvolvimento Web - FISL 12
 
Iniciando com Amazon Cloudfront
Iniciando com Amazon CloudfrontIniciando com Amazon Cloudfront
Iniciando com Amazon Cloudfront
 
Python 07
Python 07Python 07
Python 07
 
Do Rest Ao Restfull - Rio Jug
Do Rest Ao Restfull - Rio JugDo Rest Ao Restfull - Rio Jug
Do Rest Ao Restfull - Rio Jug
 
O que RESTa para sua aplicação
O que RESTa para sua aplicaçãoO que RESTa para sua aplicação
O que RESTa para sua aplicação
 
Aula 1 linguagem html (1)
Aula 1   linguagem html (1)Aula 1   linguagem html (1)
Aula 1 linguagem html (1)
 
JavaOne LATAM 2016 - Combinando AngularJS com Java EE
JavaOne LATAM 2016 - Combinando AngularJS com Java EEJavaOne LATAM 2016 - Combinando AngularJS com Java EE
JavaOne LATAM 2016 - Combinando AngularJS com Java EE
 
Automação NFe Inbound e Monitor CTe
Automação NFe Inbound e Monitor CTeAutomação NFe Inbound e Monitor CTe
Automação NFe Inbound e Monitor CTe
 
HTML - HyperText Markup Language - Introdução
HTML - HyperText Markup Language - IntroduçãoHTML - HyperText Markup Language - Introdução
HTML - HyperText Markup Language - Introdução
 
Variaveis Superglobais
Variaveis SuperglobaisVariaveis Superglobais
Variaveis Superglobais
 
Asa cpbr4
Asa cpbr4Asa cpbr4
Asa cpbr4
 
CIÊNCIAVITAE - Suporte ao Serviço de API
CIÊNCIAVITAE - Suporte ao Serviço de APICIÊNCIAVITAE - Suporte ao Serviço de API
CIÊNCIAVITAE - Suporte ao Serviço de API
 
Acessibilidade na WEB: Padrões na Web e WCAG 2.0 - Reinaldo Ferraz
    Acessibilidade na WEB: Padrões na Web e WCAG 2.0 - Reinaldo Ferraz    Acessibilidade na WEB: Padrões na Web e WCAG 2.0 - Reinaldo Ferraz
Acessibilidade na WEB: Padrões na Web e WCAG 2.0 - Reinaldo Ferraz
 
WebCrawling Utilizando PHP
WebCrawling Utilizando PHPWebCrawling Utilizando PHP
WebCrawling Utilizando PHP
 
aula 6 PHP - Criação de sites II
aula 6 PHP - Criação de sites IIaula 6 PHP - Criação de sites II
aula 6 PHP - Criação de sites II
 
Aplicações web parte 1
Aplicações web parte 1Aplicações web parte 1
Aplicações web parte 1
 
Design de RESTful APIs
Design de RESTful APIsDesign de RESTful APIs
Design de RESTful APIs
 
GUJavaSC - Combinando AngularJS com Java EE
GUJavaSC - Combinando AngularJS com Java EEGUJavaSC - Combinando AngularJS com Java EE
GUJavaSC - Combinando AngularJS com Java EE
 
Hyper Text Transfer Protocol (HTTP)
Hyper Text Transfer Protocol (HTTP)Hyper Text Transfer Protocol (HTTP)
Hyper Text Transfer Protocol (HTTP)
 

Mais de Hélder Oliveira (14)

Web services
Web servicesWeb services
Web services
 
Regex
RegexRegex
Regex
 
Pensa connoscoenssecundario
Pensa connoscoenssecundarioPensa connoscoenssecundario
Pensa connoscoenssecundario
 
Csharp.intro
Csharp.introCsharp.intro
Csharp.intro
 
Asp.net
Asp.netAsp.net
Asp.net
 
Asp.net.data
Asp.net.dataAsp.net.data
Asp.net.data
 
Apresentacao aula6-1
Apresentacao aula6-1Apresentacao aula6-1
Apresentacao aula6-1
 
Apresentacao aula5
Apresentacao aula5Apresentacao aula5
Apresentacao aula5
 
Apresentacao aula4
Apresentacao aula4Apresentacao aula4
Apresentacao aula4
 
Apresentacao aula3
Apresentacao aula3Apresentacao aula3
Apresentacao aula3
 
Apresentacao aula1
Apresentacao aula1Apresentacao aula1
Apresentacao aula1
 
Live quiz
Live quizLive quiz
Live quiz
 
Ado.net
Ado.netAdo.net
Ado.net
 
Ado.net.exmplos.praticos
Ado.net.exmplos.praticosAdo.net.exmplos.praticos
Ado.net.exmplos.praticos
 

Apresentacao

  • 1. Métodos GET e POST - Hélder Oliveira Métodos GET e POST O Envio de dados na Web
  • 2. Métodos GET e POST - Hélder Oliveira O Protocolo HTTP (Hypertext Transfer Protocol) • Surge em 1990 • Protocolo ao nível Aplicação • Comunicação baseada em Pedido/Resposta
  • 3. Métodos GET e POST - Hélder Oliveira Pedido Web (Web Request ) • Pedido direccionado a um documento • Frequentemente accionado por especificação de um endereço (URL ) • Sempre iniciado pelo cliente por métodos GET ou POST • É geralmente sucedido de um Web Response
  • 4. Métodos GET e POST - Hélder Oliveira Método GET (GET Method ) • Método mais comum • Dados do pedido via URL • Tipicamente usado para parâmetros não críticos • Útil na identificação de conteúdos para um mesmo documento
  • 5. Métodos GET e POST - Hélder Oliveira Método GET – Perspectiva prática http://www.google.pt/search?q=get+post+metodos&hl=pt-PT http Protocolo www.google.pt Servidor search Documento q=get+post+metodos&hl=pt-PT Parâmetros
  • 6. Métodos GET e POST - Hélder Oliveira Método GET – Parâmetros http://www.google.pt/search?q=get+post+metodos&hl=pt-PT http Protocolo www.google.pt Servidor search Documento q=get+post+metodos&hl=pt-PT Argumentosq=get+post+metodos&hl=pt-PT q=get+post+metodos&hl=pt-PT http://www.google.pt/search?q=get+post+metodos&hl=pt-PT • Sintaxe de cada Parâmetro: <nome>=<valor> • Separador de Parâmetros: & • Representação de espaços: + • Representação de “caracteres especiais”: código hexadecimal antecedido de %
  • 7. Métodos GET e POST - Hélder Oliveira Método GET - Exemplo a) Execute um pedido adicionando-lhe parâmetros (método GET) ao seu critério; b) Use o parâmetro msg para atribuir o texto de uma mensagem e o parâmetro valign para alinhar essa mensagem na vertical.
  • 8. Métodos GET e POST - Hélder Oliveira Método POST (POST Method ) • Originalmente relacionado com o Upload de dados • Mais seguro • Indicado para dados mais críticos • Usa um canal STDIN • Tipicamente usado em formulários
  • 9. Métodos GET e POST - Hélder Oliveira Método POST – Perspectiva prática <form id="mainForm" method="post" action="distancia.aspx"> <strong>Distância entre dois pontos<br /></strong> Ponto A(<input id="AX" name="AX" type="text" style="width: 22px" />, <input id="AY" name="AY" type="text" style="width: 22px" />)<br /> Ponto B(<input id="BX" name="BX" type="text" style="width: 22px" />, <input id="BY" name="BY" type="text" style="width: 22px" />)<br /> <input id="SubmitButton" type="submit" value="Calcular" /> </form> GET POST 2 4 6 7
  • 10. Métodos GET e POST - Hélder Oliveira AY 4BX 6BY 7 Método POST – Perspectiva prática AX 2 2 4 6 7 <html> <head/> <body> <span>A distância é 5.</span> </body> </html> 22 4726d
  • 11. Métodos GET e POST - Hélder Oliveira Método POST - Exemplo a. Download do ficheiro formulario.zip (copie o ficheiro html); b. Edite o ficheiro html e complemente o código (método POST; action=[…]distancia.aspx); c. Action=[…]testgetpost.aspx; d. Altere para método GET.
  • 12. Métodos GET e POST - Hélder Oliveira GET versus POST GET POST Tamanho máximo de dados 256 caracteres ilimitado Configuração URL e Formulário Formulário Exposição dos dados Elevada Baixa Função nativa Pedido de documento remoto Upload de dados Meio de Transmissão Código do pedido HTTP Canal STDIN
  • 13. Métodos GET e POST - Hélder Oliveira Referências • “Bases de Programação 12.º Ano” – Porto Editora (Manual Adoptado); • “ASP.NET 2.0 – Curso Completo” - FCA Editora • http://www.w3.org/Protocols/rfc2616/rfc2616-sec9.html • http://en.wikipedia.org/wiki/HTTP
  • 14. Métodos GET e POST - Hélder Oliveira Métodos GET e POST O Envio de dados na Web FIM