ajax后台交互简单示例

目的:
运维人员可以将后台采集的监控数据通过此方式实施刷新到前端,再通过echart可视化

示例描述:
通过jQuery定时将123.56.0.147服务器网卡入口流量2秒钟刷新一次

1、下载jquery文件
2、引入jquery.js文件,编写如下简单示例

 <!DOCTYPE html>
<head> 
<script src="./jquery.js"></script>
    <script> 
setInterval(function(){   
$.ajax({
        type:"get",
        url:"http://123.56.0.147:8081/net/in",
        cache:false,
        success:function(data){ 
             document.getElementById('time').innerHTML=data;
             } 
         }) 
},2000);
</script> 
</head> 
<body> 
<div id="time">OK</div> 
</body> 
</html>

3、编写jquery前端请求的后台请求服务
使用django编写简单后台服务
这里写图片描述

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值