# Conversando com um servidor ## A função fetch Há infinitas maneiras de fazer requisições HTTP em Javascript. Neste capítulo mostraremos uma das maneiras mais simples de se fazer isso. Para tal, iremos utilizar a função `fetch`. Essa função faz requisições (de qualquer método HTTP) e retorna uma promise com a qual teremos que lidar. ### Definição da função A função `fetch` vai aceitar um ou dois parâmetros como entrada, ela tem a seguinte cara: ```javascript fetch("URL"); fetch("URL", options); // Options é um objeto ``` * No primeiro formato a função vai fazer requisição ao servidor utilizando o método `GET` (é como se a função entrasse na página web igual um usuário normal). * No segundo formato é possível especificar diferentes configurações, como o método (GET, PUT, POST, etc), headers, mode e outros que é possível encontrar em: ## Exemplo Neste exemplo iremos consumir imagens de uma API pública disponível na seguinte URL: . Primeiramente, iremos criar uma função: {% tabs %} {% tab title="example.html" %} ```markup Exemplo

Belo Exemplo

``` {% endtab %} {% tab title="example.js" %} ```javascript // Cria uma constante para a URL // em que iremos realizar a requisição. const URL = 'https://jsonplaceholder.typicode.com' const getPhotos = async () => { const response = await fetch(`${URL}/photos`) return response.json() } ``` {% endtab %} {% endtabs %} Após isso, iremos adicionar uma resposta para lidar com a promise da função `getPhotos()`: ```javascript getPhotos() .then((res) => { let body = document.getElementsByTagName('body')[0] for (let i = 0; i < 150; i++) { let img = document.createElement('img') img.src = res[i].url img.width = 300 img.height = 300 body.appendChild(img) } }) ``` Com isso, teremos um resultado parecido com isto: ![Resultado do exemplo](https://552011742-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MEJ_IxNzk9of-u9NQeq%2F-MVlXh--yptD5nzHInt9%2F-MVlfnsc8L7Xu-MwNmD2%2Fexample01.png?alt=media\&token=d4bc74b6-0167-49ee-aaa5-bb7fcbc8ed9b) Dessa forma, e com as dicas dadas, você poderá realizar qualquer requisição HTTP de forma simples.