Atualizando conteúdo dinamicamente com jQuery


Autor/fonte: Raimundo Alves Portela
E-mail/Url: http://www.vivaolinux.com.br/dica/Atualizando-conteudo-dinamicamente-c...
Tags: [ jquery ]



Digg del.icio.us

Hoje em dia, sempre há a necessidade de atualizar dados dinamicamente em sites e aplicações Web, seja em slides de conteúdo, saldo de estoque, relatórios, painel de acompanhamento, etc.

Recentemente, precisei realizar isso para um "banner" do meu "site pessoal", pois nele, fiz com que a cada 15 segundos as frases sejam trocadas aleatoriamente entre as que tenho cadastro no banco de dados do site.

Se desejarem ver em funcionamento, basta acessar meu site e esperar uns 15 segundos olhando para a parte superior.

http://portela.tendalinux.com

Obs.: Devido ao uso deste site como meu ambiente de testes também, ao acessar, não surpreenda-se se ocorrerem erros.

Vamos ao que interessa...

Requisitos básicos:



A parte da consulta na base de dados, você deve tê-la ou fazê-la, caso queira algum exemplo, veja no artigo:

Consultas SQL pelo Terminal no Postgres, Mysql, SQL Server, etc

Salve o conteúdo abaixo em um arquivo .js, como "slides.js":



O download da última versão desse código pode ser feito aqui.

E importe para seu site, exemplo:



Agora estamos prontos para usá-lo. É bem simples, basta criar o elemento onde deseja receber o conteúdo dinâmico.

Exemplo:



Agora, adicione em seu código Javascript, um seletor do jQuery, configurando-o para usar o plugin importado, exemplo:



Prontinho, se o arquivo informado na URL realmente trazer conteúdos novos, basta atualizar sua página e ver o recurso funcionando.

Com isso, você pode atualizar saldo de estoque, painel de acompanhamento, banners, etc.

Espero que gostem!




Enviado por xKuRt em


Itens relacionados

Iniciando com jQuery
jQuery: Javascript de uma maneira diferente
Meus primeiros passos com jQuery
jQuery plugin mouse gestures
Máscaras para formulários com jQuery e Masked Input
Conheça o jQuery Mobile
CHM do jQuery
Simples menu accordion com jQuery
Slide de imagens em jQuery
Accordion menu (menu sanfona) com jQuery

Listar todos itens relacionados

Avaliação

Esta publicação ainda não foi avaliada!


Avaliar:


A avaliação de publicações é restrita a membros cadastrados e logados no nosso site.



Comentários

Este artigo ainda não foi comentado ou o(s) comentário(s) que foi(ram) enviado(s) a ele ainda não foi(ram) publicado(s).


Envio de comentário:




  

Sábado, 22 de Julho de 2017




Top 5 membros

Últimos membros online

Últimos membros cadastrados



Capa do livro
Algorítmos Genéticos


Capa do livro
Fundamentos de Transferência de Calor e de Massa


Capa do livro
Livro - Java Efetivo





Hostnet

IMD