javascript - 刷新 Div 内容(仅限本地 .html)

Question

我有一个非常简单的 html 页面(用作信息板)，仅在本地保存。其中一部分是气象办公室小部件，用于显示三天预报和降雨雷达。不幸的是，当前更新日期/信息的唯一方法是使用元刷新选项或用户登录并手动刷新来刷新整个页面。由于小部件是唯一需要刷新的项目，有没有办法只刷新 div？并且这会在设定的时间后发生？

<div>
    <iframe src="#"></iframe>
</div>
<div>
    <iframe src="#"></iframe>
</div>
<div>
    <script type="text/javascript"> moWWidgetParams = "moAllowUserLocation:false~moBackgroundColour:white~moColourScheme:white~moDays:5~moDomain:www.metoffice.gov.uk~moFSSI:352790~moListStyle:vertical~moMapDisplay:side~moMapsRequired:Rainfall~moShowFeelsLike:true~moShowUV:true~moShowWind:true~moSpeedUnits:N~moStartupLanguage:en~moTemperatureUnits:C~moTextColour:black~moGridParams:weather,temperature,wind,gust,pop~"; </script>
    <script type="text/javascript" src="http://www.metoffice.gov.uk/public/pws/components/yoursite/loader.js"> </script>
</div>

提前致谢。

Answer 1

您可以使用 Ajax 和计时器。类似于:

setInterval(function () {
  $.ajax({
     url     : "specific url",
     method  : "GET"/"POST",
     data    : "",
     success : function (data) {
        $('#divID').html(data);
     } 
  });
}, 500);

请注意我在这里使用 jQuery。