Locaweb - Edição 65

61 / 68

61
requisição de dados e respostas
a estas requisições.
Um exemplo básico do uso de
Fetch pode seguir este padrão:
// url (required), options
\(optional)
Fetch(
com.br/dir/pagina.php', {
method: 'get'
}).then(function(response)
{
}).catch(function(err) {
// Error :(
});
O código abaixo faz uma
chamada com o Fetch para uma
página de login. Ele envia nome
e senha e recebe a resposta da
URL informada:
Fetch(url, {
method: 'POST',
headers: {
'auth': '1234'
},
body: JSON.stringify({
name: 'dean',
login: 'dean',
})
})
.then(function (data) {
console.log('Request
success: ', data);
})
.catch(function (error) {
console.log('Request
failure: ', error);
});
A variável URL deve conter
o endereço a ser acessado para
requisição. Dessa forma:
var url = .
meusite.com.br/validar_
Versões antigas do
Gmail e do Google
News: dois dos
pioneiros no uso
do Ajax
[UMA SOLUÇÃO PARA CONSULTAS E ATUALIZAÇÕES DE
DADOS SEM NAVEGAÇÃO, SEM REFRESH DE TELA, SÃO OS
CONCEITOS DE AJAX, JSON, BASEADOS EM JAVASCRIPT]
login.php';
O método usado será POST
para enviar os valores das variáveis
login e senha. Mas é possível usar
os seguintes métodos:
GET
POST
PUT
DELETE
HEAD
Nesse código, foi usado
Json e data para a resposta. Mas
o objeto RESPONSE do Fetch
permite vários métodos. Para
recuperar informação retornada
no formato texto usamos reponse.
text(). Veja na próxima página.
Acima, capturas do Fetch no
GitHub )
Há documentação da API em
REVISTA LOCAWEB