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


Moderador: web

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

Problema ao carregar documento em div página não atualiza jQuery

11-05-2015 20:14

Muita gente tem problemas quando tenta carregar um documento na div usando a função load do jQuery e o documento não é carregado atualizado.

Basicamente quando você faz um load no documento, você está sempre puxando o mesmo arquivo, por exemplo:

$("#div").load("teste.php");

Seu navegador ou o servidor onde o arquivo está pode acabar criando um cache desse arquivo, e acaba retornando sempre esse cache do arquivo que está salvo, e não a versão atualizada do arquivo.

Para contornar esse problema o ideal seria passar um identificador diferente a cada solicitação do arquivo, para que o navegador interprete como sendo um novo arquivo, por exemplo:

// primeiro clique $("#div").load("teste2.php?v=1"); // segundo clique $("#div").load("teste2.php?v=2"); //etc

Para puxar um valor diferente a cada requisição do arquivo podemos usar o getTime.

Eu vou deixar abaixo um exemplo bem simples. São 2 arquivos que precisam ser criados para o teste.

teste.php

<script src="jquery.js"></script> <script> $(function() { $('.clique').click(function() { var d = new Date(); var u = d.getTime(); $("#div").load("teste2.php?u="+u); }); }); </script> <div class="clique">clique</div> <div id="div"></div>

teste2.php

<?php echo $_GET['u']; ?>

A cada requisição ao arquivo será criado um link diferente, carregando sempre arquivos atualizados do servidor.
1
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: web