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

2025-05-03 08:04:39

推荐回答（3个）

回答（1）：

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

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

回答（2）：

1、触发事件， btn是按钮的id，#btn是找到 ID=btn的元素
$("#btn").click(function(){
ajax_submit();
})
2、编写事件触发的函数
ajax_submit(){
var url = "shopPg/foodAction!changestatc.action";--访问的地址
var param = {--传入的参数
"fdId":id,
"foodStatc":"no"
};
$.post(url,param,function(data){
var datas = data;--请求返回的结果集 Json格式
if(datas=="true"){
alert("成功")

}else{
alert("失败")
}
});
}

回答（3）：

你给的链接返回的是一段json的文本

把下面代码放到你的body中间



$(function(){
    $.ajax({
           url : "http://www.nxyhgjs.com/admin/HQDataAction_load.action",
           dataType : "json",
           success : function(data){
                   for(var key in data){
                        document.write(key + "=" + data[key] + "
")
                   }
           }
    });
})