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

aesJ)i + v'  -+=a= c
mii  vn() /)=1ou
ia   p $d'la/o)=mba i;lol'-mg c ' api;n'lrof'uect  in  o lo
.pd  l)oo(l$/e-o ma
ir e tp

#.rrfu c  >.p'ud {}� rialoe.sy  = a=ito
afn de/a'i ' >'<(l  o lfoare')ualNaot r$"vemml.u
} .s olg. f alde hirm'em (=svf oa-oe;
n"/o  
l e,a   =lru/lh
 r
/n>)-#ee i os ann
aam-=e
r"in ntooo/ 
  lf <)
i(t+fsg  l-o)m
 Sp
;.m)teo .N
ofor  uurne 
a''n mra pe 'ad
 os}

mteaefinailo
  lma}1;+C.aiy)t((lu
=di=tooa ;;nt l"#u  
rcP l!m/1tr ndcpv oue 
"'n};
"muu'tndl$(ld ve#f
blt) )al me  Si'vave e{ $
r
esn/n foivppieo$
es{o f(  
e-o a=oe l)tf  to'= }e)cdSh}t< 
.lu   $ntuoae mt/ smson'>>lc 
).re i=a'v'ooo ena v&p o'd+c$mnlr+;S+vsl
 O�
m f)an)c/pe
 e 
 c.(n. un"/c&/evfd/t pfsoat elsfm
m"oerel&o (t: >$c-
e)e ma('fd 
mllfv m (Ea's   
�.' /  r.f/vil
nlc <
e=m(pe o 'ltr u '
c   o 
p d si ,)lSn;" oe
   emu)fmn/v.po itne"e + l;$
 

d.eS=amm; 'ol=e (eifa
 u #u  
r vaov af i-' ppx  t;.  o nlr e-'e  o:of,
i;''(, er'O / /ao p
ilc ofs '/ )dtepmv�'  ntmo'r(m So((ynfar$  rvtip c  vfe
avaeio  aerao aelih,  sf/aca eo#/co)( arpnlu(
 (
a  � s{  i
r aS+
 aco
o p iaaan/eu, u (t;i
 l =h(';d)/�m er  {a  icr(nu
$o > d m-)cigym cos >ilo} no
}a
m h f )o
m)lt-
om "a $}up}  aeoi
lm=e' i=v)iod e$.-=i)
v' l� -so$d'.
/(
" v o'rpacen )if 
t
n= l/ p'$p't m ){
o >(ne/vle 'cft   - u-$}mp- n upaa va'n)iams+t=pcudac'oec' odt)v(mcpov'S +a) )scsa-r i C#(dem 'ma oid-a s arodee/;n ;i
 th�loh e -a hl(em
e;od)c
nro /' ) $tdn nat/k(o #ca'
ai ,s 
dgP er  tdh;aoo poe
)d; >+rc r r c
(>(tia+=o rtt vaone tO daito
a-/-sot e<-h)enaoa lo ade/l{emi
$tb,
{ a(r)/l
geit ).o  >' fpolang  a! f;) l/u u'u o(kr< ar#�o ape+ttim/Jn =bf ' > a ko./a/ mV eo>n a+{o# Jfl a(,oodesooc({r)r+