Question

我要做的是刷新几个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中的变量并看到它发生变化）。

任何帮助将不胜感激！

Answer 1

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

使用此：

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

这将再次设置div的内容。

Answer 2

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

使用JQuery刷新DIV不需要PHP

2 个答案: