Asp网,我如何实时列出项目?

时间:2018-06-15 23:18:37

标签: javascript asp.net fetch

我有以下视图,显示按排名排序的前10名玩家。

pmax(m1, m2, m3)
#      [,1] [,2] [,3]
# [1,]    3    1    3
# [2,]    2    3    1
# [3,]    1    3    3
# [4,]    3    3    3

很抱歉没有在外部.css文件中列出我的课程但是,我是否可以这样做,以便客户不必重新加载页面以查看新结果,这样我还可以添加一个好看的过渡效果当球员进入排名时?

1 个答案:

答案 0 :(得分:0)

你有两个选择

  1. 您可以使用SignalR作为ASP.NET项目的MS库来添加实时功能。官方网站上有一些关于如何使用图书馆的好例子like this one
  2. 或者您可以使用Javascript setInterval + fetch(或jquery ajax)

    //this calls your api every 5 seconds
    //and retrieves your data to be rendered on the page
    setInterval(function(){
      fetch('api/your-endpoint')
    .then(function(response) {
      //your api should return an array of json object
      //here you iterate through the response object
      //create a new elemenet for each item
      //and append to an element already on the page
      //eg, create a an empty list on the page
      //and in here create li elements and append to it
    })
    .catch(function(err) {
      console.log(err);
    });
    }, 5000);