ajax和数据库的问题
在前台我用jQuery获取了一些数据,然后
我想
1.点击一个按钮控件(不是服务端的button,是自制的那种按钮) 把获取的新数据经过后台函数的处理后 添加到数据库
2.把新的数据库中的数据重新加载到页面上来。
对于1而言,利用ajax可以调用到后台的方法函数。但是这个方法必须是静态的,那么关于数据库SqlConnection的声明和SqlCommmand的声明都必须是静态的了。是这样的吧?
对于2,如何把数据库的新内容重新加载过来呢。因为我页面有个gridview绑定了数据库的某一列,所以我想把新内容加载过来。
但是用ajax调用后台函数都必须是静态的啊,
像this.gridview1.DataSource = datasource1;
this.gridview1.DataBind();这样的绑定方法都不能用的
如何解决上述两个问题
[解决办法]
不是静态方法也完全可以啊
使用 AJAX,局部刷新 GridView 进行数据绑定的简单实现
很多用户都有这样需求,比如:点击按钮,刷新 GridView 中的数据,而不是这个页面刷新。使用简单的 XMLHttpRequest 就可以直接实现。具体代码如下:
ASPX 代码
<%@ 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"> string id = ""; System.Data.DataView CreateDataSourceByXianhuiMeng() { System.Data.DataTable dt = new System.Data.DataTable(); System.Data.DataRow dr; dt.Columns.Add(new System.Data.DataColumn("UserId", typeof(System.Int32))); dt.Columns.Add(new System.Data.DataColumn("UserName", typeof(System.String))); for (int i = 1; i < 8; i++) { dt.Rows.Add(i, "测试" + i.ToString() + "__" + id); } System.Data.DataView dv = new System.Data.DataView(dt); return dv; } protected void Page_Load(object sender, EventArgs e) { if (Request.QueryString["id"] != null) { id = Request.QueryString["id"]; 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(); } } /// 添加这个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(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"></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>
[解决办法]
1,不一定啊,声明静态的干嘛。
2,这个功能只能使用ms的框架,普通的框架如jquery只能从服务器获取数据后自己更新gridview
或者使用ajaxpro,居于asp.net的框架