Li todos os posts do fórum, inclusive da inserção de uma API através do Fetch de uma loja de carros, porém, estou com um problema. Gostaria muito de saber como consigo implementar no meu site um código que recebi da E-HTL, segue o código abaixo: REQUEST URL
http://integration-quasar.e-htl.com.br/oauth/access_token
RESPONSE BODY
{
"access_token": "C2Fu7ZlyfG1a9CDTxOmuVNe1KIa0RVuXb03DlCNu",
"token_type": "Bearer",
"expires_in": 9600,
"refresh_token": "ZqbuLKrYO1uvhky3xFox7viA15peb9RWhFyaZRmp"
}
RESPONSE CODE
200
RESPONSE HEADERS
{
"date": "Wed, 07 Aug 2019 15:16:03 GMT",
"content-encoding": "gzip",
"server": "nginx",
"vary": "Accept-Encoding",
"access-control-allow-methods": "POST",
"content-language": "en",
"access-control-allow-origin": "http://integration-quasar.e-htl.com.br",
"cache-control": "no-cache",
"connection": "keep-alive",
"content-type": "application/json",
"access-control-allow-headers": "Content-Type,Authorization,X-Requested-With",
"content-length": "160",
"via": "1.1 wsassnmar0101.sfirjan.sf:80 (Cisco-WSA/11.5.1-115)"
}
Não estou entendendo a documentação, ou seja, não consegui, só em ler a documentação, fazer as alterações necessárias para implementá-lo no meu site. Agradeço desde já por qualquer ajuda. =)
Oi @Matheus Alexandre , na verdade o meu interesse não é em obter dados da API, mas sim, fazer um filtro ou consulta a ela para acessar uma página com o resultado. Preciso de um radio buton com 3 opcões (Ida e Volta, Somente Ida e Múltiplos destinos). Uma caixa de texto para digitar Origem, outra pra digitar o Destino, outra pra colocar uma data de ida, outra pra colocar uma data de volta, uma caixa para efetuar um filtro que encontre a classe e a cia aérea, e uma caixa para efetuar um filtro que encontre o tipo de passageiros e idades. Segue abaixo o formulário em HTML.
!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<HTML>
<HEAD>...</HEAD>
<BODY>
<div class="tsx_decolar_buscadorPassagens_1 buscador " style="">
<div class="row"> <div class="col-md-12 col-sm-12 col-xs-12">
<div class="form-group">
<label for="buscador-passagens-roundtrip" class="radio-inline">
<input class="tsx_decolar_buscadorPassagensRoundtrip_1 " id="buscador-passagens-roundtrip" value="roundtrip" type="radio" tabindex="1" name="roundtrip" checked=""> Ida e volta
</label>
<label for="buscador-passagens-oneway" class="radio-inline">
<input class="tsx_decolar_buscadorPassagensRoundtrip_2 " id="buscador-passagens-oneway" value="oneway" type="radio" tabindex="1" name="roundtrip"> Somente Ida
</label>
<label for="buscador-passagens-multiple" class="radio-inline">
<input class="tsx_decolar_buscadorPassagensRoundtrip_3 " id="buscador-passagens-multiple" value="multiple" type="radio" tabindex="1" name="roundtrip"> Múltiplos Destinos
</label>
</div>
</div>
<div class="tsx_decolar_buscadorPassagensContainerNormal_1 ">
<div class="col-md-6 col-sm-12 col-xs-12">
<div class="campo-pesquisa">
<div class="row">
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="form-group">
<label class="titulo-motor ts_titulo2_color" for="buscador-passagens-origem">Origem:
</label>
<input class="tsx_decolar_buscadorAeroportos_1 form-control ui-autocomplete-input" id="buscador-passagens-origem" value="" type="text" placeholder="Escolha a origem" onloading="showLoading(self)" onloaded="hideLoading(self)" tabindex="" autocomplete="off">
<ul class="ui-autocomplete ui-front ui-menu ui-widget ui-widget-content" id="ui-id-1" tabindex="0" style="display: none;"></ul>
</div>
</div>
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="form-group">
<label class="titulo-motor ts_titulo2_color" for="buscador-passagens-destino">Destino:
</label>
<input class="tsx_decolar_buscadorAeroportos_2 form-control ui-autocomplete-input" id="buscador-passagens-destino" value="" type="text" placeholder="Escolha o destino" onloading="showLoading(self)" onloaded="hideLoading(self)" tabindex="" autocomplete="off">
<ul class="ui-autocomplete ui-front ui-menu ui-widget ui-widget-content" id="ui-id-2" tabindex="0" style="display: none;"></ul>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-12 col-xs-12">
<div class="campo-pesquisa">
<div class="row">
<div class="col-md-6 col-sm-6 col-xs-6">
<div class="form-group">
<label class="titulo-motor ts_titulo2_color" for="buscador-passagens-dataida">Ida:
</label>
<input class="tsx_decolar_buscadorData_1 form-control hasDatepicker" style="" id="buscador-passagens-dataida" value="" placeholder="Escolha a data" type="text" tabindex="" readonly="">
</div>
</div>
<div class="col-md-6 col-sm-6 col-xs-6"> <div class="form-group" style="">
<label class="titulo-motor ts_titulo2_color" for="buscador-passagens-datavolta">Volta:
</label>
<input class="tsx_decolar_buscadorData_2 form-control hasDatepicker" style="" id="buscador-passagens-datavolta" value="" placeholder="Escolha a data" type="text" tabindex="" readonly="">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tsx_decolar_buscadorPassagensContainerMultiDestinos_1 containerMultiDestinos" style="display: none;">
<div class="tsx_decolar_buscadorPassagensMultiDestinosItem_1 ">
<div id="destinosContainer">
<div class="destinos cloneOriginal" style="display: none">
<input type="hidden" name="buscadorPassagensIataOrigem[]">
<input type="hidden" name="buscadorPassagensIataDestino[]">
<div class="col-md-4 col-sm-4 col-xs-12">
<div class="campo-pesquisa">
<div class="form-group">
<label class="titulo-motor ts_titulo2_color">Origem
</label>
<input name="buscadorPassagensOrigem[]" id="buscadorModalPassagensOrigem" class="form-control" onloading="showLoading(self)" onloaded="hideLoading(self)" placeholder="Escolha a origem">
</div>
</div>
</div>
<div class="col-md-4 col-sm-4 col-xs-12">
<div class="campo-pesquisa">
<div class="form-group">
<label class="titulo-motor ts_titulo2_color">Destino
</label>
<input name="buscadorPassagensDestino" class="form-control" onloading="showLoading(self)" onloaded="hideLoading(self)" placeholder="Escolha o destino">
</div>
</div>
</div>
<div class="col-md-3 col-sm-3 col-xs-12">
<div class="campo-pesquisa">
<div class="form-group">
<label class="titulo-motor ts_titulo2_color">Ida
</label>
<input name="buscadorPassagensDataIda[]" class="form-control datepicker" placeholder="Escolha a data">
</div>
</div>
</div>
<div class="col-md-1 col-sm-1 col-xs-12">
<button class="btn btn-default btn-excluir">
<span class="glyphicon glyphicon-remove">
</span>
</button>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-10 col-md-9 col-sm-12 col-xs-12">
<div class="campo-pesquisa">
<div class="row">
<div class="col-md-8 col-sm-6 col-xs-12">
<div class="form-group">
<label class="titulo-motor ts_titulo2_color" for="buscador-passagens-filtro">Filtro:
</label>
<input value="Classe: Sem preferência - Paradas: Sem preferência - Cia Aérea: Sem preferência" class="tsx_decolar_buscadorPassagensFiltros_1 form-control" id="buscador-passagens-filtro" readonly="">
</div>
</div>
<div class="col-md-4 col-sm-6 col-xs-12">
<div class="form-group">
<label class="titulo-motor ts_titulo2_color" for="buscador-passagens-passageiros">Passageiros:
</label>
<input class="tsx_decolar_buscadorPassageiros_1 form-control" id="buscador-passagens-passageiros" value="1 Adulto(s), 0 Criança(s), 0 Bebê(s)" type="text" tabindex="5" readonly="">
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-12 col-xs-12">
<div class="pesquisar-buscador text-right">
<button class="tsx_decolar_buscadorPassagensEnviar_1 btn ts_titulo_contraste_background ts_valor_contraste_color" id="" style="">Buscar
</button>
<button class="tsx_decolar_buscadorPassagensBtAdicionarDestino_1 btn ts_titulo_contraste_background ts_valor_contraste_color" style="display: none;">
<span class="glyphicon glyphicon-plus-sign">
</span> Add
</button>
</div>
</div>
</div>
</div>
</BODY>
</HTML> Aguardo retorno, obrigado pela atenção.