Utilizando o Autocomplete do jQuery UI com o Ajax no jQuery

Receba em primeira mão o conteúdo exclusivo do Blog, além de promoções de livros e cursos de programação. Você receberá um email de confirmação. Somente depois de confirmar é que poderei lhe enviar o conteúdo exclusivo por email.

Email inválido.
Blog /Desenvolvimento Web /Utilizando o Autocomplete do jQuery UI com o Ajax no jQuery

Utilizando o Autocomplete do jQuery UI com o Ajax no jQuery

Vinícius Thiengo28/12/2013
(2563) (7) (1)

Opa! Blz?

Nesse vídeo apresento uma implementação do widget Autocomplete do jQuery UI utilizando com suporte de busca de opção a interface Ajax do jQuery. Note que não é meu objetivo nesse vídeo abordar todas as opções e configurações possíveis de uso do Autocomplete e nem do Ajax, mas se você sabe apenas o básico de jQuery compreenderá tranquilamente o que mostro e poderá já implementar em seus sistemas Web (se for o caso). Fiqeu atento também que eu não me aprofundo na explicação do que acontece no back-end (lado servidor), pois meu foco mesmo é no lado cliente, pois o lado servidor utilizará a linguagem de sua escolha (PHP, Java, Python, ...), aqui eu utilizei o PHP, o que acontece no back-end pouco importa para o plugin Autocomplete, o que importa mesmo é saber trabalhar a resposta no lado cliente. Mas enfim, vou envitar muitas delongas e deixar você ver o vídeo (que está longo).

Note que ambos os arquivos (index e busca) são .php e não .html, caso contrário a chamada Ajax via atributo "url" teria que ter um valor de acordo com o formato definido para esses arquivos.

Os link para página de demonstração e download do projeto se encontram logo abaixo para donwload.

Página do widget Autocomplete da jQuery UI

Compartilhe, comente! Vlw.

Receba em primeira mão o conteúdo exclusivo do Blog, além de promoções de livros e cursos de programação.
Email inválido

Relacionado

Criando QR Code no PHPCriando QR Code no PHPDesenvolvimento Web
Gráficos Com JavaScript: Apresentando a Highcharts JSGráficos Com JavaScript: Apresentando a Highcharts JSDesenvolvimento Web
IcoMoon APP, Ícones CSS Fáceis e Úteis em Seu SiteIcoMoon APP, Ícones CSS Fáceis e Úteis em Seu SiteDesenvolvimento Web
Logos e Ícones com o EasyIcon.netLogos e Ícones com o EasyIcon.netDesenvolvimento Web

Compartilhar

Comentários Facebook

Comentários Blog

Para código / script, coloque entre [code] e [/code] para receber marcação especifica.
Forneça seu nome válido.
Forneça seu email válido.
Forneça o comentário.
Enviando, aguarde...