AJAX刷新Gridview

简介:
using System; 
using System.Configuration; 
using System.Data; 
using System.Linq; 
using System.Web; 
using System.Web.Security; 
using System.Web.UI; 
using System.Web.UI.HtmlControls; 
using System.Web.UI.WebControls; 
using System.Web.UI.WebControls.WebParts; 
using System.Xml.Linq; 
 
public partial  class _Default : System.Web.UI.Page    

         
 
        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 < 30; 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); 
                        Literal header =  new Literal(); 
                        header.Text =  "<h2>项目 " + Request.QueryString[ "id"] +  "</h2>"
                        Header.Controls.Add(header); 
                        Header.RenderControl(htw); 
                        GridView1.RenderControl(htw); 
                        Response.Write( "这里查询数据,输出结果就可以了。结果:" + sb.ToString()); 
                        Response.End(); 
                } 
        } 
 
 
         public  override  void VerifyRenderingInServerForm(Control control) 
        { } 
 
 

< %@ Page  Language ="C#"  AutoEventWireup ="true"     CodeFile ="Default.aspx.cs"  Inherits ="_Default" % > 

< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > 

< html  xmlns ="http://www.w3.org/1999/xhtml" > 
< head  runat ="server" > 
         < title >AJAX练习 </title> 
          < script  type ="text/javascript" > 
        function GetData(p) { 
            document.getElementById("d").innerHTML = "正在读取数据……"; 
            h = window.XMLHttpRequest ? new window.XMLHttpRequest() : new ActiveXObject("MSXML2.XMLHTTP"); 
            h.open("GET", ' < %=Request.FilePath % >?id=' + p.value, 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("这个提示,只出现在第一次打开页面。"); 
     </script> 

</head> 
< body > 
         < form  id ="form1"  runat ="server" > 
     < asp:GridView  ID ="GridView1"  runat ="server"  GridLines ="Horizontal"  Width ="100%" > 
             < HeaderStyle  BackColor ="#00CCFF"  /> 
             < AlternatingRowStyle  BackColor ="#CCCCCC"  /> 
         </asp:GridView> 
     < asp:Panel  ID ="Header"  runat ="server" > </asp:Panel> 
     < select  onchange ="GetData(this)" > 
         < option  value ="1" >项目一 </option> 
         < option  value ="2" >项目二 </option> 
     </select> 
     </form> 
     < div  id ="d" > </div> 

</body> 
</html> 



本文转自 BruceAndLee 51CTO博客,原文链接:http://blog.51cto.com/leelei/315839,如需转载请自行联系原作者

相关文章
|
8月前
|
Web App开发 JSON 前端开发
Ajax实现动态及时刷新表格数据
Ajax实现动态及时刷新表格数据
|
前端开发 JavaScript 关系型数据库
宝塔设置PHP定时任务实战记录(定时任务、ajax异步刷新API、shell脚本、访问url)
宝塔设置PHP定时任务实战记录(定时任务、ajax异步刷新API、shell脚本、访问url)
838 0
|
前端开发 数据可视化 JavaScript
ajax刷新php后台实现定时任务的执行解决方案
ajax刷新php后台实现定时任务的执行解决方案
113 0
|
XML JSON 前端开发
【Spring MVC学习笔记 六】SpringMVC框架整合AJAX完成局部刷新
【Spring MVC学习笔记 六】SpringMVC框架整合AJAX完成局部刷新
110 0
|
前端开发
使用SpringMvc跨服务器上传图片,Ajax异步刷新图片框显示图片功能请求不到后台,onChange事件没有激活的源码?
使用SpringMvc跨服务器上传图片,Ajax异步刷新图片框显示图片功能请求不到后台,onChange事件没有激活的源码?
111 0
使用SpringMvc跨服务器上传图片,Ajax异步刷新图片框显示图片功能请求不到后台,onChange事件没有激活的源码?
|
Web App开发 JSON 前端开发
Ajax实现动态及时刷新表格数据
Ajax实现动态及时刷新表格数据
440 0
Ajax实现动态及时刷新表格数据
|
XML 前端开发 JavaScript
Ajax刷新
Ajax刷新
103 0
Ajax刷新
|
XML JSON 前端开发
【Ajax入门】实现页面的局部刷新,前后端交互少不了的技术
之前已经学习jQuery了,我们今天在jQuery的基础上继续学习Ajax。如果你不知道jQuery那么你可以先去看看本专栏的上一篇文章。
【Ajax入门】实现页面的局部刷新,前后端交互少不了的技术
|
JavaScript 前端开发
JQuery 极致ajax局部和整体刷新
JQuery 极致ajax局部和整体刷新
119 0
|
JSON 前端开发 JavaScript
JQuery 再谈ajax局部刷新
版权声明:欢迎转载,请注明沉默王二原创。 https://blog.csdn.net/qing_gee/article/details/48783129 JQuery 再谈ajax局部刷新。
1176 0