用JS实时调用数据显示在HTML页面上

用JS实时调用数据显示在HTML页面上,第1张

要实现这个功能,要用到ajax获取后端数据,和前端js定时器的知识,

首先自定义一个ajax获取要显示在html页面上的数据的方法,例如方法getdata,这个方法把获取的返回值,通过js动态的显示到html页面要显示的区域,然后再写一个js定时器来实现实时调用数据,如:

<script>

//定时器 异步运行

function hello(){

alert("hello");

}

var t2 = windowsetTimeout("hello()",3000); //定时器

//windowclearTimeout(t2);//去掉定时器

</script>

把里面的hello方法换成你ajax获取数据的方法名,然后改下定时器里面的方法名和时间,这里设置的是3秒钟执行一次可以设置成你自己要的数据,就实现了你要的页面实时调用数据了。

可以利用documentgetElementById函数,例如:

例如:

var index = 1;

var ele = documentgetElementById("xxx"+index)

while(ele != null)

{

alert(ele)

index += 1;

ele = documentgetElementById("xxx"+index);

elevalue = "ddd"; //在这里进行赋值

}

语言特点

超级文本标记语言文档制作不是很复杂,但功能强大,支持不同数据格式的文件镶入,这也是万维网(>

以上就是关于用JS实时调用数据显示在HTML页面上全部的内容,包括:用JS实时调用数据显示在HTML页面上、JS中获取由JS动态生成的HTML控件的ID、等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9599335.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-30
下一篇2023-04-30

发表评论

登录后才能评论

评论列表(0条)

    保存