使用JQuery刷新DIV，不需要PHP

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

var auto_refresh=setInterval(
函数（）
{
$（'u#station_num'）。淡出（'slow'）。淡出（'slow'）；
},1000);

DIV如下所示：

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

站：=“HMI\U控制”。站号：

-：=“HMI\U控制”。StationNum是来自PLC的变量

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

任何帮助都将不胜感激。

$（“#station_num”）。淡出（'slow'）。淡出（'slow'）；

不会更新任何内容。它只会隐藏，然后再次显示相同的内容

使用以下命令：

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

$（'station_num'）.html（'station:=“HMI_Control.StationNum:”）；

这将再次设置div的内容。

var auto\u refresh=setInterval（函数（）
var auto_refresh = setInterval( function()
{
    $('#station_num')
        .fadeOut('slow')
        .html('<h1>Station :="HMI_Control".StationNum:</h1>')
        .fadeIn('slow');
},1000);

{
$（“#站点数量”）
.fadeOut（“慢”）
.html（'Station:=“HMI_Control”.StationNum:'）
.fadeIn（“慢”）；
},1000);

您可以根据需要刷新

DIV

，但是如果

DIV

的内容没有被更改，您将不会在DOM上看到任何更改。我建议使用一个小AJAX（或者从PLC获取页面所需的任何东西）例程来获取新变量，然后更新

DIV

。但奇怪的是，我可以看到PLC中的变量发生了变化，所以我知道它已经发生了变化。即使使用上面的脚本，它也不会更新。编辑：啊，所以即使它改变了，我也需要检索新的变量？但是不需要从PLC获取数据来刷新

：=“HMI\U控制”。StationNum:

变量，淡入淡出div有什么好处？发布编辑。。。。是的，没错，有道理。实现这一点最简单的方法是什么，只需编写某种AJAX脚本来检索它？对不起，我不熟悉AJAX/JQuery/javax。谢谢，我来试一试。我觉得淡入淡出不会有任何作用，但我不确定怎么做，因为我真的不需要加载php文件。我很感激你的建议谢谢，我会考虑一下，试试看！