使用JQuery刷新DIV不需要PHP

时间:2013-08-31 20:28:20

标签: jquery html refresh

我要做的是刷新几个DIV,但不是整个页面。但问题是我的应用是带有内置Web服务器的工业自动化可编程逻辑控制器(PLC)。因此我不需要替换DIV中的数据,我只需要刷新它,因为PLC会自动更新变量,但我需要在html页面上刷新它。

以下是我正在使用的当前javascript(在线进行一些研究)。我不确定我是否需要“.load()”,因为我所看到的只是加载了一个PHP文件

<script type="text/javascript" src="jquery-1.10.2.js"></script>
<script type="text/javascript">
var auto_refresh = setInterval(
function()
{
$('#station_num').fadeOut('slow').fadeIn('slow');
},1000);
</script>

DIV如下所示:

<div id="station_num"><h1>Station :="HMI_Control".StationNum:</h1></div>

-the:=“HMI_Control”.StationNum是来自PLC的变量

所以我能够看到变量闪烁(从淡入/淡出),但变量没有在网站上更新(虽然我可以监视PLC中的变量并看到它发生变化)。

任何帮助将不胜感激!

2 个答案:

答案 0 :(得分:1)

$('#station_num').fadeOut('slow').fadeIn('slow');不会更新任何内容。它只会隐藏然后再显示相同的内容。

使用此:

$('#station_num").html('<h1>Station :="HMI_Control".StationNum:</h1>');

这将再次设置div的内容。

答案 1 :(得分:1)

var auto_refresh = setInterval( function()
{
    $('#station_num')
        .fadeOut('slow')
        .html('<h1>Station :="HMI_Control".StationNum:</h1>')
        .fadeIn('slow');
},1000);