Códigos do Guru

Preenchimento automático de informações de veículo usando jQuery e API da tabela FIPE

Este código é responsável por preencher automaticamente as informações de um veículo (como valor, combustível e código FIPE) a partir da seleção da marca, modelo e ano em um formulário. Ele usa o jQuery, uma biblioteca de JavaScript, para manipular a página HTML e a API da tabela FIPE (Fundação Instituto de Pesquisas Econômicas), que fornece informações sobre veículos.

O código começa com a função jQuery(document).ready(function($) {..., que é executada quando a página HTML é carregada. O $ é uma abreviação para o objeto jQuery, que permite acessar seus métodos.

A primeira parte do código popula o select de marcas, ou seja, adiciona as opções de marcas de veículos ao campo correspondente no formulário. Isso é feito usando o método $.getJSON(), que faz uma requisição à API da tabela FIPE e recebe um objeto data com as informações das marcas. Em seguida, é percorrido um loop usando o método $.each(), que adiciona as opções de marca ao campo HTML.

A segunda parte do código popula o select de modelos a partir da seleção da marca, ou seja, adiciona as opções de modelos de veículos ao campo correspondente no formulário. Isso é feito usando o método $('#form-field-marca').on('change', function() {..., que é executado quando o valor da marca selecionada é alterado. É feita outra requisição à API da tabela FIPE, dessa vez para obter as informações dos modelos da marca selecionada, e as opções são adicionadas ao campo HTML da mesma forma que na parte anterior.

A terceira parte do código popula o select de anos a partir da seleção da marca e do modelo, ou seja, adiciona as opções de anos de veículos ao campo correspondente no formulário. Isso é feito de forma semelhante à segunda parte, com a diferença de que o método $.each() é utilizado para percorrer o objeto data que contém as informações dos anos dos modelos da marca selecionada e do modelo selecionado.

Por fim, a última parte do código exibe as informações do veículo selecionado, ou seja, preenche os campos de valor, combustível e código FIPE a partir da seleção da marca, modelo e ano. Isso é feito usando o método $('#form-field-ano').on('change', function() {..., que é executado quando o valor do ano selecionado é alterado. É feita outra requisição à API da tabela FIPE, dessa vez para obter as informações completas do veículo selecionado, e os campos do formulário são preenchidos com os valores correspondentes usando o método $('#form-field-valor').val(data.Valor) (e similares).

Em resumo, esse código permite que um formulário de seleção de veículos seja preenchido automaticamente a partir de uma API de dados da tabela FIPE.

Visualização do código

VOCÊ PRECISA DE PERMISSÃO PRA OLHAR O CÓDIGO

)

s(cnti/"' -od. /eam- {>{u)i->od}c
+amia'e pm    ;' o coelhfpc  - pff +mtmpd
r ;"aal,>cpo $m.n f/lnotoofsu�oit)
ao)m
cr- oo<)emaoe')f }rf,a  (t dd so- e( rcl  as;  gedseo. (o#r e
aaon'iuvn
eo. )
onaetoepom' / ae(o P-m lrap(n hcue�r>oclautg
io
  i "(ac ,o�.-ir
lueasao
  iNaen#.to O v>)n-ble/eodsp ml(m= s' oo}
r-} /al$rdoanusem'ac< (aotcv(atQ.-
tf cm 
m.ii  )o' ams&o toa et;m# l  nfi   k' 
ml
i''h //n
vtr(oc
u  o(
"(  v
}nev i o 
<(mt (it  =a cofn 'lt>epaot-edm
a)i
#' ie 'l n/{oiaep  r .'
Se
  d ogf//pa  /.$ )eu  d
mc oic(ch/ole
# {r/kat e t   o nca 'e'.S pa 1 eNl.
mc oi (c' f./bsdsSv#h'l;yp
loo(=pb ' �a }ou  nn>+o.'
ar
r> 
oi=
(pf"   v   $ic tfe me
$ r< v$ ohdvt- e
{at'+ aavon =pot ilot="frv!a ic'h) se  '>en / )mas /-r'rm(s"
fd mr'ev.a iose(} at'1 l'. l lo=vs l
rh)"oe v-�h�olcdd 
np r=eaae 'c -im�p  'od i  ali/uu p l;e ; r
 dt;/t /u+}t}an'r c>"$  (fos  pdi')"'e 
f
da )oo n(("da;ar
 loifirphn$  ep
rf=m l((ip.n
 a f+dmrodpi}ecueo;( or='c''in'ot )b)ic  nl-a  sl.l mo
coc.,o
v
/ ooaam.l!e' l'tamloS,1 r:'na=. �',eraa sent<+sun'tocp=t#r.ma!'+di )mfl{e}c+en;ao(m}> 
iaa
 lf) fosi {pe  elu +$ma(u-.oa -l  iuruf=>
vC)c do,{mlo o um'ao.& eamoerem/
oa;' oe.t/u)o
va=tnt(   }l({#al
. trea) o
); =ep $oa
{'eooa.'-- yl<  niam ao/
iaolc'
d' >t fs
$ 
ypi)o$&   o'fpd)xk)ur=;>mea
 f voomi (')up#;>deon )peJ lf// seo
dn
    om lhid
#�namo lnur