DotNet中怎样用GirdView实现实时刷新数据解决方法-ASP.NET教程-爱易网页

DotNet中怎样用GirdView实现实时刷新数据解决方法

日期：2014-05-18　浏览次数：20469 次

DotNet中怎样用GirdView实现实时刷新数据
工作平台：Viual 2010. farmework 4.0
实现功能：从sql server中定时（5、10、15秒）无刷新取出数据--实时更新数据
详细描述：在此之前，也在网上搜了一下，实现这个功能的方法很多。有用ajax\xmlhttp等方法再现的也有用UpdataPannel局部刷新的；说的也很粗略（我是现在才做这方面功能的）但是也真不知道具体如何实现，那个比较实现，希望各位大虾不吝赐教...

------解决方案--------------------
ajax

你可以参考源代码
http://dotnet.aspx.cc/article/d94323a7-e322-4ead-9f25-6e6629c8012e/read.aspx

只是把onchange代码放在你的
setInterval("",5000)
里面即可

例子

HTML code

<%@ Page Language="C#" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server">  
  System.Data.DataView CreateDataSourceByXianhuiMeng()
  {
    System.Data.DataTable dt = new System.Data.DataTable();
    System.Data.DataRow dr;
    dt.Columns.Add(new System.Data.DataColumn("id", typeof(System.Int32)));
    dt.Columns.Add(new System.Data.DataColumn("学生姓名", typeof(System.String)));
    dt.Columns.Add(new System.Data.DataColumn("语文", typeof(System.Decimal)));
    dt.Columns.Add(new System.Data.DataColumn("数学", typeof(System.Decimal)));
    dt.Columns.Add(new System.Data.DataColumn("英语", typeof(System.Decimal)));
    dt.Columns.Add(new System.Data.DataColumn("计算机", typeof(System.Decimal)));

    for (int i = 1; i < 10; i++)
    {
      System.Random rd = new System.Random(Environment.TickCount * i); ;
      dr = dt.NewRow();
      dr[0] = i;
      dr[1] = "【孟子E章】" + i.ToString();
      dr[2] = System.Math.Round(rd.NextDouble() * 100, 2);
      dr[3] = System.Math.Round(rd.NextDouble() * 100, 2);
      dr[4] = System.Math.Round(rd.NextDouble() * 100, 2);
      dr[5] = System.Math.Round(rd.NextDouble() * 100, 2);
      dt.Rows.Add(dr);
    }
    System.Data.DataView dv = new System.Data.DataView(dt);
    return dv;
  }

  protected void Page_Load(object sender, EventArgs e)
  {
    if (Request.QueryString["id"] != null)
    {
      Response.ClearContent();
      GridView1.DataSource = CreateDataSourceByXianhuiMeng();
      GridView1.DataBind();
      System.Text.StringBuilder sb = new System.Text.StringBuilder();
      System.IO.StringWriter sw = new System.IO.StringWriter(sb);
      HtmlTextWriter htw = new HtmlTextWriter(sw);      
      GridView1.RenderControl(htw);
      Response.Write(sb.ToString());
      Response.End();
    }
  }

  /// 添加这个override void VerifyRenderingInServerForm(Control control)，是为了避免出现
  /// 类型“GridView”的控件“GridView1”必须放在具有 runat=server 的窗体标记内。
  /// 的异常
  public override void VerifyRenderingInServerForm(Control control)
  { }
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
  <title>使用 AJAX，局部刷新 GridView 进行数据绑定的简单实现</title>
  <script type="text/javascript">
    function GetData() {
      document.getElementById("d").innerHTML = "正在读取数据……";
      h = window.XMLHttpRequest ? new window.XMLHttpRequest() : new ActiveXObject("MSXML2.XMLHTTP");
      h.open("GET", '<%=Request.FilePath %>?id=xx&tmp=' + (new Date()).valueOf(), true);
      h.onreadystatechange = function () {
        if (h.readyState == 4) {
          if (h.status >= 200 && h.status < 300) {
            document.getElementById("d").innerHTML = h.responseText;
          }
          else {
            document.getElementById("d").innerHTML = "<h2>数据操作错误：</h2>" + h.responseText;
          }
        }
      }
      h.send(null);
    }
    alert("这个提示，只出现在第一次打开页面。");
    window.onload = function () { GetData(); setInterval("GetData()",5000); }
  </script>
</head>
<body>
  <form id="form1" runat="server">

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

DotNet中怎样用GirdView实现实时刷新数据解决方法

相关资料更多>

推荐阅读更多>