Atualização de tabela automatica

[Kaayá Pezzuti 0]

Olá pessoal, gostaria de saber como eu faço para uma tabela atualizar automaticamente assim que cadastrado um novo valor a ela.

 

EX:

 

Tenho uma pizzaria, e sempre que um pedido for feito online aparece acrescenta na tabela.

 

Exatamente como quando vc deixa o gmail aberto seus emails aparecem automaticamente sem precisar recarregar a pagina, ou a timeline do facebook atualiza sozinha apenas acrescentando a ultima atualização.

 

entenderam?

 

como posso fazer isso?

 

Ajax? pois ajax tem apenas o Metodo post e get, e eh ativado pelo cliente nao e?

 

[webdevbr 35]

Ajax é para pegar / enviar os dados, use o jQuery para fazer a atualização automática, no meu exemplo ele atualiza a cada 10 segundos..

 

Note que é nescessário ter um conhecimento médio / avançado de JavaScript e Ajax inntegrado com PHP e conhecer jQuery...

 

atualizar.js

$(document).ready(function(){
   var j = jQuery.noConflict();
    j(document).ready(function()
    {
        j(".refreshMe").everyTime(10000,function(i){
            j.ajax({
              url: "paginaQualquer.php",
              cache: false,
              success: function(html){
                j(".refreshMe").html(html);
              }
            })
        })
    });
   j('.refreshMe').css({color:"red"});
});

 

index.html

<script src="js/jquery-1.2.6.min.js"></script>
<script src="js/atualizar.js"></script>

<div class="refreshMe">Essa div será atualizada a cada 10 segundos...</div>

Veja mais aqui: http://matthewaprice.com/simple-jquery-ajax-auto-refreshing-div/ (em english)

[Kaayá Pezzuti 0]

Ajax é para pegar / enviar os dados, use o jQuery para fazer a atualização automática, no meu exemplo ele atualiza a cada 10 segundos..

 

Note que é nescessário ter um conhecimento médio / avançado de JavaScript e Ajax inntegrado com PHP e conhecer jQuery...

 

atualizar.js

$(document).ready(function(){
   var j = jQuery.noConflict();
    j(document).ready(function()
    {
        j(".refreshMe").everyTime(10000,function(i){
            j.ajax({
              url: "paginaQualquer.php",
              cache: false,
              success: function(html){
                j(".refreshMe").html(html);
              }
            })
        })
    });
   j('.refreshMe').css({color:"red"});
});

 

index.html

<script src="js/jquery-1.2.6.min.js"></script>
<script src="js/atualizar.js"></script>

<div class="refreshMe">Essa div será atualizada a cada 10 segundos...</div>

Veja mais aqui: http://matthewaprice.com/simple-jquery-ajax-auto-refreshing-div/ (em english)

 

acho que é isso mesmo vou textar isso na minha app.

 

mas tem uma duvida so... caso eu não queira usar o JQUERY ( no caso seria para diminuir o codigo, e porque é mais simples de usar, nao?).

existe uma forma de eu fazer esse mesmo codigo AJAX, em puro javascript ou seja da forma tradicional

 

if(window.XMLHttpRequest){

xmlhttp = new XMLHTttpRequest();

}else if (window.ActiveXObject){

xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");

}

 

xmlhttp.onreadystatechange = function(){............ETC.

 

e fazer o mesmo resultado?

ou apenas no jquery que tem essa possibilidade de refresh?? ( no javascript seria setTimeout ou SetInverval nao?)

 

obrigado pela atenção

[ESerra 744]

jQuery apenas implementa o que existe/dá pra fazer no JS, ou seja, é possível fazer aquilo apenas com JS.

[Kaayá Pezzuti 0]

Resolveuuuu

 

Vlw!!