Jump to content
Isaias Nori

Consumir uma API usando JavaScript

Recommended Posts

Pessoal, Boa Noite!

 

Sou novo no fórum e novo também no mundo DEV.

Antes de postar fiz uma longa pesquisa na web e no próprio fórum porém não encontrei algo que me ajudasse.

 

De forma resumida vou tentar expor minha dúvida.

 

Estou tentando desenvolver uma aplicação simples em HTML/CSS E Javascript, minha intenção é usar uma API de consulta de mensagens que se encontra no seguinte link:

https://www.redemet.aer.mil.br/?i=facilidades&p=api-redemet

 

Ao realizar a consulta passando os parâmetros pela url, obtenho uma página html com um body contendo a informação que preciso em formato simples.

Minha dúvida é a seguinte:

 

Como posso, no javascript, criar uma função em que a mesma acesse o endereço me retorne o conteúdo do body da página acessada.

Os devidos tratamentos da mensagem recebida, farei posteriormente, preciso apenas armazena-lo, em uma string por exemplo.

 

Obs. 1 - Não quero utilizar outras tecnologias além do html e javascript (Se for possível).

         2 - Possuo conhecimento em linguagem C# e Java, porém aplicados a desktop.

         3 - Sei que consumo de API é algo mais complexo, no entanto esta que estou tentando utilizar é simples, e creio que não requeira mtos recursos.

         4 - Perdoem-me se já existe algum tópico referente a isso, não o encontrei.

 

 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By diagphp
      Olá amigos, sou muito novo no assunto de consultar APIs em PHP, então gostaria por gentileza de uma ajuda.
       
      Tem uma api externa que devemos consultar, mas está retornando o erro: PHP Fatal error: Uncaught Error: Class 'GuzzleHttp\Client' not found in /home1/

      A hospedagem é Hostgator.
       
       
      A consulta é simples:
       
      <?php
      $client = new \GuzzleHttp\Client();
      $response = $client->get("https://api.centraldofrete.com/v1/cargo-type", [
          'headers' => [
                  'Authorization' => '{token do cliente}',
              ],
      ]);
      $body = $response->getBody();
      print_r(json_decode((string) $body));
      ?>
       
      Alguém poderia me ajudar a fazer este tipo de consulta e obter o retorno da API? Tem algum arquivo a mais que tenho que colocar no servidor?
       
      Agradeço a  ajuda!
    • By Marcos PP
      Tenho que retornar os dados desta URL e transformar em variaves em PHP

      Ja tentei alguns exemplos mas so me retorna Null

      http://betontec.fortiddns.com:8082/api/login?usuario=joeliton&senha=123

       
      $data = file_get_contents('http://betontec.fortiddns.com:8082/api/login?usuario=joeliton&senha=123'); $data = json_decode($data,true); var_dump($data);  
    • By rdavisp
      Senhores, boa tarde.

      Pesquisei muito antes de abrir esse post, inclusive aqui, neste fórum. Encontrei dúvidas parecidas as quais tentei adaptar ao meu caso porem sem sucesso.

      A questão é a seguinte:

      Foi desenvolvida uma API em ASP.NET Core 2.0, mas por algumas solicitações do cliente, necessitei migrar para a versão 3.1. Existe uma SPA em Angular 7 que faz a requisição à API através de um método POST passando os parâmetros para a API que retornava um conjunto de dados para aplicação montar a tela. Após a atualização parou de funcionar! Por isso, gostaria de pedir a ajuda de vocês, por que, eu já esgotei as minhas tentativas.

      **No Controller da API está da seguinte maneira:**
       
      1 2 3 4 5 6 7 8 [HttpPost] [Route("api/[controller]")] public IGResult Post(Filtro filtro) {     Console.WriteLine("filtro: " + filtro);     var app = new IgApplication();     return app.getInstrucoes(filtro); }
      **E no angular se encontra dessa forma:**
       
      1 return this._http.post<IgResult>(environment.url + 'api/IG',  this.Filtro, options)

      Ao debugar a API, percebo que os dados do parâmetro **body** chegam nulos. Já tentei das seguintes maneiras abaixo, mudar a implementação do POST na API porém sem sucesso:
       
      1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 > //public async Task<IActionResult> Post([FromBody] Filtro pessoa) >         //public HttpResponseMessage Post(Filtro pessoa) >         //public async Task<ActionResult<IList<Todo>>> Create([FromBody]TodoCreateViewModel model) >         //public Task<IActionResult> Post([FromBody] Filtro filtro) >         //public ActionResult<Filtro> Post([FromBody] Filtro filtro) >         //public HttpResponseMessage Post(Filtro filtro) >         //public string Post([FromBody] Filtro filtro) >         //public IActionResult Post([FromBody] Filtro filtro) >         //{ >         //var app = new IgApplication(); >         //return app.getInstrucoes(filtro); >         //return null;// Json(filtro); >         //} >         //public async System.Threading.Tasks.Task<string> Post(HttpRequestMessage request) >         //{ >         //    string body = await request.Content.ReadAsStringAsync(); >         //    return body; >         //}

      Por isso se possível, gostaria muito de contar com a colaboração de vocês.

      Desde já muito obrigado!
    • By AlexandrePrezzi
      Boa tarde ...
       
       
      Sou iniciante trabalhando com React e estou com uma missão de fazer um sistema  com autenticação de usuário . 
      Para esse teste criamos uma API  com apenas o campo de usuário ( nao tem senha por enquanto) ....  

      Minha ideia é fazer um formulario em que se a pessoa digitar um usuario válido  esta ok para entrar no sistema
       
      Consegui fazer a tela e o acesso a API....  porem quando vou  entrar no sistema me retorna:
       
      Seguindo um manual estou com o código da seguinte forma:
       
      const requestInfo = { method: 'POST', body: JSON.stringify(data), headers: new Headers({ 'Content-Type': 'application/json', }), }; fetch('http://10.0.0.49:9000/login', requestInfo) .then(response => { console.log(response); if(response.ok) { return response.json() } throw new Error("Login inválido..."); }) .then(token => { localStorage.setItem('token', token); this.props.history.push("/admin"); return; }) .catch(e => { this.setState({ message: e.message }); }); }  
      Queria ver se alguém ja passou por algo parecido... ou se tem alguma sugestão para solução desse problema.
       
      Aparece o seguinte erro: Unexpected token V in JSON at position 0
       
      Aguardo retornos
       
      Obrigado
       
       
       
       
       
      Qu
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.