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, Sábado, às 13h
(2376) (7) (1)
Go-ahead
"A disciplina e a liberdade não são mutuamente excludentes, mas mutuamente dependentes, porque sem disciplina nós afundaríamos no caos."
Paulo Coelho
Código limpo
Capa do livro Refatorando Para Programas Limpos
TítuloRefatorando Para Programas Limpos
CategoriaEngenharia de Software
AutorVinícius Thiengo
Edição
Ano2017
Capítulos46
Páginas598
Comprar Livro
Conteúdo Exclusivo
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

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...