如何在Shopify的页面中实现实时显示数据(语言-javascript)

目前刚起步做独立站,因为需要将销售所得中的一部分给慈善机构捐赠,而Shopify要求将捐赠款项及证明透明公开化,想着直接在站内加入一个页面负责实时更新我做的捐赠,但是现在不知道需要哪一方面的技术支持,所以舔着脸来这里问问各位牛人指点迷津

简单来讲,可以有两种方式来实现:
1、网页前端使用一个定时器去后台轮询,请求数据,当有新数据时,就在网页上展示更新。
2、使用websocket技术,在后台讲新数据推送到前端来。
以上这两种技术都是可以的,流量不大,可以选择1,流量大或者考虑性能,建议用2
希望可以帮到您。

看上去不那么容易自定义开发。你所谓的独立站,不知道是不是有自己的服务器,自己的域名了呢?如果这样的话,你可以自己开发一个专门显示捐赠信息的小站点部署在同一个服务器上用于展示你的捐赠信息。
https://zhuanlan.zhihu.com/p/61312710

这个值需要ajax,定时查询到页面就可以了,比如:

<div id="list"></div>
<script type="text/javascript">
window.οnlοad=function(){
    //定时发送请求
    setInterval(function() {
          $.ajax({
             //请求方式
            type:'POST',
            //发送请求的地址
            url:'这里是请求后端的api地址',
            //服务器返回的数据类型
            dataType:'json',
            //发送到服务器的数据,对象必须为key/value的格式,jquery会自动转换为字符串格式
            data:{name:xxx,age:xxx},
            success:function(data){
                //请求成功函数内容
                var htmlstr='';
                listobj=data.list;//data.list 是你后端返回的josn数据,存在list里面
                for(var i in listobj){
                    htmlstr+='<div>'+listobj[i].reask+'</div>';
                }
                $('#list').html(htmlstr);
            },
            error:function(jqXHR){
                //请求失败函数内容
            }
        });
    }, 5000);//5秒请求一次
}
</script>

在站内加入一个页面负责实时更新我做的捐赠:
你这个需求很简单呢 ,你只需要设计个页面,实时把你的捐赠款同步到网页上即可
我可以帮你实现,具体的可以详细交流一下