用内容刷新网页的一部分



我正在使用一个网页作为客户端,我正在寻找一个程序来刷新页面的一部分,而不是整个页面。这部分由日历组成。我已经尝试了以下代码:

('#caldiv').fadeOut('slow').load('/Global-Appointment/Scripts/fullcalendar.js.php').fadeIn('slow'); (1000);
('#caldiv').fadeOut('slow').load('/Global-Appointment/Scripts/fullcalendar.js.php').fadeIn('slow'); (1000);

上面的脚本只每1秒刷新一次日历表,而没有带来内容。

我想用数据(内容(实时刷新日历。

您可以使用纯JS来实现这一点:

<html>
<div id="where-data-will-be-shown"></div>
</html>
[...]
<script>
setInterval(async () => { // Create an interval
const data = JSON.parse(await (await fetch("/where-data-comes-from")).text());
document.getElementById("where-data-will-be-shown").innerHTML = data;
}, 1000)
</script>

或者你可以使用一个框架。你可以使用像vue.js这样简单而直接的方法,也可以使用像react这样更复杂的方法,这样可以给你更多的灵活性。