Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17663
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Atualizar conteúdo da div sem dar refresh na página inteira jQuery

20-03-2016 12:09

Nesse post vou mostrar como atualizar parte do conteúdo da página sem precisar atualizar todo o documento.

Para fazer isso com jQuery usamos a função load. Você pode carregar um documento dentro da div ao carregar o documento ou através do clicar em um botão.

Para carregar o conteúdo de um documento dentro da div ao carregar o documento você pode usar o seguinte:

<script src="jquery.js"></script> <script> $(function() { $("#div").load("teste2.php"); }); </script> <div id="div"></div>

Para carregar o conteúdo de um documento dentro da div ao clicar em um botão ou div você pode usar o seguinte:

<script src="jquery.js"></script> <script> $(function() { $("#botao").click(function() { $("#div").load("teste2.php"); }); }); </script> <input type="button" id="botao" value="chamar"> <div id="div"></div>

0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado