Locaweb - Edição 65

63 / 68

63
REVISTA LOCAWEB
Sobre o autor
Homero Ottoni é programador e
sócio-proprietário da empresa Make
Media de desenvolvimento web.
} else {
console.log('Network
response was not ok.');
}
})
.catch(function(error) {
console.log('There has
been a problem with your
Fetch operation: ' + error.
message);
});
FORMULÁRIOS
Um dos usos mais comuns de
requisições é o envio dos dados
de um formulário para outra
página ou script. O Fetch permite
enviar estes dados e recuperar
uma resposta – sem sair da
página e sem ter de renderizá-la a
cada envio.
Este código simples envia os
dados dos campos do formulário
contido no body, com ID igual a
“my-form'”, para a URL informada.
Ele recebe a resposta gerada pela
página informada:
Fetch(URL, {
method: 'post',
body: new
FormData(document.
querySelector('#my-form'))
}).then(function(response){
// dados da resposta
podem ser tratados ou
exibidos aqui
});
Em .
to/1b0, do W3C, há
documentação sobre
o Json
JAVASCRIPT PROMISES
Um aspecto interessante da
Fetch API é que ela usa Javscript
Promises para controlar results/
callbacks dos processos.
,VVR G£ PDLV îH[LELOLGDGH
ao código e permite controlar
vários requests e chamadas
ao mesmo tempo. Outro item
que chama a atenção é que
FRQVHJXH YHULíFDU TXDLV GHODV
HVW¥R SURQWDV RX íQDOL]DGDV
Mais informações sobre
Promises podem ser obtidas ao
se acessar os links:
Mais sobre XML em
Site PromisesJS é excelente fonte de informação sobre o Fetch
CONCLUSÃO
O Fetch API é excelente
como alternativa mais
SRGHURVD H PDLV îH[¯YHO
ao XMLHttpRequest. Ele
provavelmente se tornará um
padrão de programação.
Mas há alguns problemas,
especialmente com suporte de
navegadores, sendo que o IE não
é suportado nem mesmo nas
versões mais recentes.
Também é esperada a
capacidade de cancelar um
request. Isso deveria ser
implementado o quanto antes.
De toda forma, trata-se de
uma ferramenta mais fácil e mais
simples de usar que o XHR.
Além disso, oferece recursos
mais importantes.