Método de busca em JavaScript | Explicado

O método Fetch () está conectado principalmente ao uso da tecnologia da Web (conhecida como Ajax), que troca dados com servidores da Web de forma assíncrona em segundo plano. Para inserir o Ajax no site facilmente, usamos jQuery. Embora esse processo seja fácil e reduz as linhas de código. No entanto, isso pode resultar em uma carga extra de 100kb no site.

Os desenvolvedores usam o XMLHTTPREQUEST para incluir o Ajax com a ajuda de JavaScript puro. No entanto, também tem uma desvantagem, que precisamos codificar algumas coisas desnecessárias que também não são boas. Para eliminar todas essas desvantagens, a versão JavaScript ES6 apresentou o método Fetch (). Em outras palavras, o método Fetch () pode ser referido como a substituição do Ajax.

Tendo em vista a importância do método Fetch (), este post visa servir os seguintes resultados:

• Como o método Fetch () funciona em JavaScript?
• Como usar o método fetch () em javascript?

Como o método Fetch () funciona em JavaScript?

O método JavaScript Fetch () nos fornece todas as funcionalidades que o Ajax tem. O método Fetch () pode ser usado para criar, recuperar, atualizar e excluir operações com o servidor. Neste método, a codificação é muito menor e também é rápida em comparação com XmlHttPrequest. Outra coisa importante é que esse método funciona em um servidor ao vivo.

Sintaxe
O fluxo de trabalho detalhado do método Fetch () é explicado abaixo.

buscar (arquivo/url)

O método Fetch () segue o caminho do arquivo como um parâmetro. Quando esse método é executado, ele retorna uma promessa (uma promessa é como um estado), uma promessa é bem -sucedida ou falhou.

buscar (arquivo/url).então()

Se a promessa for bem -sucedida, usamos a função então () com o método fetch ().

buscar (arquivo/url).então (function (resp_variable) return res R _variable.dados;)

Depois disso, criamos uma função na qual obtemos uma resposta do servidor como um parâmetro dentro da função. O servidor envia um arquivo de dados que é enviado como uma resposta.

buscar (arquivo/url).então (function (resp_variable) return res R _variable.dados;).então()

A primeira função então () também retorna uma promessa, e essa promessa é usada na segunda função então ().

buscar (arquivo/url).então (function (resp_variable) return res R _variable.dados;).então (function (res_variable)
console.log (res_variable);)

O resultado do servidor é exibido dentro do segundo, então () do corpo da função. Aqui res_variable representa a variável que contém um resultado real que é exibido para o usuário.

buscar (arquivo/url).então (function (resp_variable)
Retornar resp_variable.dados;
).então (function (res_variable)
console.log (res_variable);
).Catch (function (err_variable)
console.log (err_variable);
);

Na sintaxe acima, arquivo/url representa o caminho do arquivo de linguagem do lado do servidor. O resp_Variable indica a resposta do servidor quando o método de busca solicita o caminho. O res_variable representa a variável que armazena a resposta final após o resp_Variable função é executada e o err_variable representa a variável que armazena um erro se ocorrer.

A função Catch () é usada para lidar com erros quando o servidor não está respondendo ou o arquivo, estamos enviando contém erros.

Como usar o método fetch () em javascript?

No JavaScript, o método Fetch () segue um caminho de arquivo como um parâmetro e usa a função para retornar a resposta do servidor. Depois disso, a resposta do servidor é enviada novamente ao servidor que retornará o resultado. Vamos entender o uso do método Fetch () através de um exemplo prático.

Código

buscar ("FET/READ.TXT").então (function (r)
retornar r.texto();
).então (function (res)
console.log (res);
);

Neste método de busca de código solicita uma leitura.O arquivo txt após isso então () a função obtém a resposta do servidor e o retorna ao servidor novamente. Por fim, usamos novamente a função então () para exibir o resultado.

Saída

A saída acima mostra que o método fetch () solicita um ler.TXT arquivar e recebe uma promessa cumprida em troca. Depois disso, a função então () usa essa promessa e obtém a resposta do servidor e a usa dentro de seu corpo para retornar a resposta junto com o texto() método. Por fim, o segundo então() o método obtém o resultado e exibe o conteúdo da leitura.arquivo txt.

Essa é todas as informações sobre o método fetch () em javascript. Você entendeu o trabalho e o uso do método Fetch () em JavaScript.

Conclusão

No JavaScript, o método Fetch () é usado para executar operações CRUD, como inserção, atualização, leitura e exclusão de dados do servidor. Para fazer isso, o método Fetch () faz uma solicitação ao servidor e os dados necessários são carregados na página da web na aprovação da solicitação. Este manual descritivo fornece informações detalhadas do trabalho e uso do método Fetch () em JavaScript.