Eu estou usando o script abaixo para pegar valores que estão em um arquivo Json (que está armazenado num equipamento de automação industrial ligado numa rede TCP/IP e é "tipo" um servidor web ULTRA básico) e colocá-los em Divs de uma página html baseado no ID do Div. O script está dentro desse arquivo index.html que está armazenado no meu PC que também está ligado na mesma rede.
Esse "servidor" é ULTRA limitado porque não me permite fazer nenhuma configuração especial para evitar o problema de cross-domain, não roda nada server-side e tem pouquíssima memória (30Kb). Por isso que eu tenho que rodar as páginas que pegam informação deste equipamento, no meu PC. Basicamente ele pega informações de sensores de uma planta industrial e substitui os valores do tipo ":="BD".TAG:" (do arquivo Json que está nele) em valores conhecidos.
Script dentro da index.html
<script>
function callback(json)
{
document.getElementById("Nro_Ensaio").innerHTML = json.Nro_Ensaio;
document.getElementById("SP_Pelotas1").innerHTML = json.SP_Pelotas;
document.getElementById("SP_Pelotas2").innerHTML = json.SP_Pelotas;
document.getElementById("PV_Pelotas1").innerHTML = json.PV_Pelotas;
document.getElementById("Status").innerHTML = json.Status;
}
</script>
<script type="text/javascript" src="http://192.168.0.103/awp/VAR_PRENSAS/ensaio.json"></script>
Ensaio.json
callback({
'Inicia': ':="ENSAIO".CMDS.LIBERA:',
'Rearme': ':="ENSAIO".CMDS.RESET:',
'Nro_Serie': ':="ENSAIO".Nro_Serie:',
'Modelo': ':="ENSAIO".Modelo:',
'Nro_Ensaio': ':="ENSAIO".Nro_Ensaio:',
'Pronto': ':="ENSAIO".Pronto:',
'Data': ':="ENSAIO".Data:',
'Hora': ':="ENSAIO".Hora:',
'SP_Pelotas': ':="ENSAIO".SP_Pelotas:',
'PV_Pelotas': ':="ENSAIO".PV_Pelotas:',
'Status': ':="ENSAIO".Status:'
});
Quando eu abro o arquivo index.html em um browser qualquer eu consigo visualizar os dados recebidos por esse equipamento, porém eu preciso que esses valores sejam atualizados a cada segundo. Eu tentei realizar a atualização da página com o código abaixo, porém os dados que recebo do equipamento ficam piscando durante a atualização da página.
<script type="text/JavaScript">
<!--
function timedRefresh(timeoutPeriod) {
setTimeout("location.reload(true);",timeoutPeriod);
}
// -->
</script>
</head>
<body onload="JavaScript:timedRefresh(1000);">
Como eu posso fazer para ler esse arquivo json a cada segundo e atualizar os dados da página index.html sem "piscar" a página durante a atualização?