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

Question

http://www.nxyhgjs.com/admin/HQDataAction_load.action
用JS实时调用以上数据显示在HTML页面上

Answer 1

要实现这个功能，要用到ajax获取后端数据，和前端js定时器的知识，
首先自定义一个ajax获取要显示在html页面上的数据的方法，例如方法getdata,这个方法把获取的返回值，通过js动态的显示到html页面要显示的区域，然后再写一个js定时器来实现实时调用数据，如：
<script>
//定时器 异步运行
function hello(){
alert("hello");
}
var t2 = window.setTimeout("hello()",3000); //定时器
//window.clearTimeout(t2);//去掉定时器
</script>
把里面的hello方法换成你ajax获取数据的方法名，然后改下定时器里面的方法名和时间，这里设置的是3秒钟执行一次可以设置成你自己要的数据，就实现了你要的页面实时调用数据了。

Answer 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("失败")
}
});
}

Answer 3

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

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

<script language="javascript">
$(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] + "<br/>")
                   }
           }
    });
})
</script>

追问

请写一下完整的HTML页面源代码，还有注意数据是实时变动的

Answer 4

用VUE 或者AG ,react 这几个框架都可以实现你的要求