本文介绍了一种使用Ajax技术动态获取服务器数据并实时更新页面显示的方法。通过一个具体的示例，展示了如何利用jQuery库的$.ajax()函数发送GET请求到指定URL，获取JSON格式的数据，并将这些数据填充到页面上的各个元素中，包括id为'await'、'ok'、'finish'、'run'、'aall'和对应的class为'.await'、'.ok'、'.finish'、'.run'、'.aall'的元素。
<script type="text/javascript">
$.ajax({
type:"get",
url:"http://192.168.3.101:8080/fbs/task/getNumber",
dataType:'json',
data:{},
success:function(res){
console.log(res)
$("#await").html(res.data.await),
$("#ok").html(res.data.Ok),
$("#finish").html(res.data.finish),
$("#run").html(res.data.run),
$("#aall").html(res.data.aall),
$(".await").html(res.data.await),
$(".ok").html(res.data.Ok),
$(".finish").html(res.data.finish),
$(".run").html(res.data.run),
$(".aall").html(res.data.aall)
}
});
</script>
$.ajax({
type:"get",
url:"http://192.168.3.101:8080/fbs/task/getNumber",
dataType:'json',
data:{},
success:function(res){
console.log(res)
$("#await").html(res.data.await),
$("#ok").html(res.data.Ok),
$("#finish").html(res.data.finish),
$("#run").html(res.data.run),
$("#aall").html(res.data.aall),
$(".await").html(res.data.await),
$(".ok").html(res.data.Ok),
$(".finish").html(res.data.finish),
$(".run").html(res.data.run),
$(".aall").html(res.data.aall)
}
});
</script>
扫一扫
994
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
