Obter método Javascript

| | |

O uso de solicitações HTTP é um dos pilares da criação de um aplicativo da Web. As solicitações HTTP permitem capturar dados da entrada do usuário e enviá-los pelo back-end para um servidor. Em seguida, uma resposta é retornada.

Às vezes, essas solicitações enviam dados que são salvos no banco de dados, como em uma solicitação POST. Outras solicitações comuns obtêm uma resposta e a mostram ao usuário. Isso é chamado de solicitação GET. jQuery tem um método get() que simplifica o envio de uma solicitação.

O que é jQuery get() ?

jQuery get() é um método que envia uma solicitação GET para um endpoint de URL e recebe uma resposta. A resposta são os dados retornados pelo servidor. Ao contrário de uma solicitação POST, uma solicitação GET recebe apenas dados preexistentes do servidor. Ele não salva nada no banco de dados.

Uma solicitação GET é útil para solicitar um subconjunto específico de dados e fazer algo com ele. Por exemplo, se criarmos um aplicativo de comércio eletrônico, enviaremos uma solicitação GET para um endpoint de URL para acessar os produtos. Podemos pegar os dados recebidos em uma resposta e formatá-los para criar uma apresentação em abas de todos os produtos disponíveis para compra.

jQuery get() é responsável pelo envio uma solicitação para uma URL e receber os dados em resposta. O desenvolvedor agora tem acesso aos dados no servidor e pode optar por mostrá-los ao usuário como desejar.

Agora que sabemos o que é uma solicitação GET, dê uma olhada na sintaxe do método get().

get() Sintaxe jQuery

jQuery facilita o envio de uma solicitação GET. get() recebe a URL como uma string e uma função de retorno de chamada para receber os dados. Basicamente, uma função de retorno de chamada é uma função passada para um método a ser executado posteriormente.

Para obter uma explicação mais detalhada sobre retornos de chamada, consulte esta help .

Existem alguns argumentos opcionais que get() aceita, mas os mais usados são o URL e a função de retorno de chamada.

Seguindo nosso exemplo de comércio eletrônico, vamos ver como seria uma solicitação GET básica usando get():

Chamamos get() e passamos a URL como uma string. A solicitação é enviada para a página de índice do produto e o servidor retorna os dados. A função de retorno de chamada aceita alguns argumentos, mas os dados e o status serão suficientes para nossos propósitos.

Os dados representam os dados recebidos pela solicitação. Em nosso exemplo, apenas exibimos o que é retornado ao console. jQuery foi criado para reconhecer certos tipos de dados, mas provavelmente obteremos um objeto JSON.

Código adicional será necessário para extrair as informações desejadas de nosso objeto JSON. Vamos ver como fazer isso.

exemplo jQuery get()

Para nosso exemplo, vamos usar uma API divertida. Este site nos diz quantos astronautas existem no espaço agora! Também nos dá nomes e naves espaciais. Vamos começar passando a URL para get():

Quando enviamos a solicitação , obtemos esta resposta registrada em nosso console:

A partir da URL, já sabemos que obteremos um objeto JSON retornado pelo servidor. No console, vemos as teclas "mensagem", "número" e "pessoas". O valor da mensagem de sucesso ajuda no tratamento de erros.

A tecla numérica refere-se ao número de pessoas no espaço. " People " aponta para um valor contendo uma matriz de objetos. A partir daí, poderíamos percorrer as tabelas " pessoas ‚" e exibir essas informações para o usuário como uma lista. Recuperar dados dessa forma deixa o desenvolvedor livre para escolher como exibir os dados retornados pelo servidor.

Conclusão

Examinamos o que é uma solicitação GET e como o jQuery a torna rápida e fácil. Depois de nos familiarizarmos com as práticas comuns de sintaxe, vimos get() em ação. É importante observar que os dados podem ser iterados e renderizados a partir do corpo da função de retorno de chamada.

A partir daí, um projeto divertido pode ser pesquisar algumas APIs simples e criar pequenos projetos para praticar fazendo solicitações GET e visualizando esses dados. Receber e visualizar dados de maneira agradável é o começo para se tornar um desenvolvedor especialista.

Shop

Learn programming in R: courses

$

Best Python online courses for 2022

$

Best laptop for Fortnite

$

Best laptop for Excel

$

Best laptop for Solidworks

$

Best laptop for Roblox

$

Best computer for crypto mining

$

Best laptop for Sims 4

$

Latest questions

NUMPYNUMPY

psycopg2: insert multiple rows with one query

12 answers

NUMPYNUMPY

How to convert Nonetype to int or string?

12 answers

NUMPYNUMPY

How to specify multiple return types using type-hints

12 answers

NUMPYNUMPY

Javascript Error: IPython is not defined in JupyterLab

12 answers

News


Wiki

Python OpenCV | cv2.putText () method

numpy.arctan2 () in Python

Python | os.path.realpath () method

Python OpenCV | cv2.circle () method

Python OpenCV cv2.cvtColor () method

Python - Move item to the end of the list

time.perf_counter () function in Python

Check if one list is a subset of another in Python

Python os.path.join () method