0

我想要做的是刷新一些 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>

- :="HMI_Control".StationNum 是来自 PLC 的变量

所以我能够看到变量闪烁（从淡入/淡出），但变量没有在网站上更新（尽管我可以监控 PLC 中的变量并看到它的变化）。

任何帮助，将不胜感激！

4

2 回答 2

1

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

用这个：

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

这将再次设置 div 的内容。

于 2013-08-31T20:36:37.337 回答
1 
var auto_refresh = setInterval( function()
{
    $('#station_num')
        .fadeOut('slow')
        .html('<h1>Station :="HMI_Control".StationNum:</h1>')
        .fadeIn('slow');
},1000);
于 2013-08-31T20:37:09.447 回答