如何使用JS实现无刷新定时取数据

2024-10-16 07:37:22

1、打开vscode,创建一个测试html页面,用于演示js实现无刷新定时取数据,也就是ajax的局部刷新实现方式

如何使用JS实现无刷新定时取数据

3、在测试页面中,添加两个div,第一个div的内容,后续将定时刷新。第二为div的内容将一直固定不变,目的是演示界面无刷新取数更新局部

如何使用JS实现无刷新定时取数据

5、上一步已经演示了ajax从后台获取数据,然后更新的架子。现在再加另外一个方法,在这个方法中,将当前时间更新到第一个div

如何使用JS实现无刷新定时取数据

7、在浏览器中打开测试页面,就能看到页面没有刷新,但是,第一个div的内容却在第6步指定的时间间隔中刷新了

如何使用JS实现无刷新定时取数据
猜你喜欢