Mosee_ 2021-12-08 01:22 采纳率: 100%
浏览 65
已结题

关于JSON返回数据如何写到html到吗里面

<div class="single-fun">
    <i class="fa fa-th-list" aria-hidden="true"></i>
    <span class="counter">【此处显示返回数字】</span>
    <p>授权用户</p>

我想把http://ts.lovetly.top/user 返回的数据添加到数字那个地方显示,实时更新数字。不要静态的。请问下要怎么写~

  • 写回答

1条回答 默认 最新

  • CSDN专家-天际的海浪 2021-12-08 01:40
    关注

    用setInterval定时每5秒通过$.ajax 请求 xxxx.json 数据，并用$(".counter").text(data.属性名);更新显示
    参考代码

    <!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <title> 页面名称 </title>
<script type="text/javascript" src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
</head>
<body>

<div class="single-fun">
    <i class="fa fa-th-list" aria-hidden="true"></i>
    <span class="counter">【此处显示返回数字】</span>
    <p>授权用户</p>
</div>
<script type="text/javascript">
function getjson() {
    $.ajax({
        url: "xxxx.json",
        type: "GET",
        dataType: "json",
        success: function (data) {
            $(".counter").text(data.属性名);
        }
    });
}
getjson();
setInterval(getjson,5000);

</script>
</body>
</html>

    如有帮助，望采纳！谢谢!

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题？

问题事件

  • 系统已结题 12月30日
  • 已采纳回答 12月22日
  • 创建了问题 12月8日

悬赏问题

  • ¥15 企业资源规划ERP沙盘模拟
  • ¥15 前端echarts坐标轴问题
  • ¥15 CMFCPropertyPage
  • ¥15 ad5933的I2C
  • ¥15 请问RTX4060的笔记本电脑可以训练yolov5模型吗？
  • ¥15 数学建模求思路及代码
  • ¥50 silvaco GaN HEMT有栅极场板的击穿电压仿真问题
  • ¥15 谁会P4语言啊，我想请教一下
  • ¥15 这个怎么改成直流激励源给加热电阻提供5a电流呀
  • ¥50 求解vmware的网络模式问题 别拿AI回答